# smart-home

**Repository Path**: smooth-cat/smart-home

## Basic Information

- **Project Name**: smart-home
- **Description**: 一个智能家居项目，使用 Vue(cdn) nginx node mysql
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2020-11-14
- **Last Updated**: 2022-04-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Smart Home

      这是一个网页版的智能家居项目

## 项目效果图

<img width="550px" src="./public/imgs/preview.gif">
<img width="550px" src="./public/imgs/index_preview.png">

## 如何启动这个项目

### 1.下载此项目

下载此项目后，**解压至 F:/Back**,
将文件夹名由 AI-house-master 改为 node-express，
**找到 node-express/public/pages 文件夹中的 index.js 和 login.js**
**分别打开，通过 Ctrl+H 将所有 aihouse.club 替换为 127.0.0.1**

### 2.安装、配置 nginx

1. 下载 nginx: http://nginx.org/en/download.html
   注意下载**和自己电脑系统对应**的 nginx 下载后**解压至 F:/Back**
   <img width="550px" src="./public/imgs/nginx.png">
2. 配置: 解压后打开文件夹中的**conf 目录**下的 nginx.conf 文件
   找到

```
        location / {
            root   html;
            index  index.html index.htm;
        }
```

将其替换为以下代码即可

```
        #静态资源 路径匹配
        location ~^/imgs {# 请求路径以/imgs开头的
            #根
            root F:/Back/node-express/public;
        }
        location / { # 请求路径包含“/”的
            root   F:/Back/node-express/public/pages;
            index  /login.html; #凡是以/结尾的请求都会访问
        }
        #动态请求
        location ~^(/node) {# 请求路径以node开头的
            proxy_pass http://127.0.0.1:9000;
        }
```

3.启动：在 nginx.**exe**的目录下启动 cmd 输入: start nginx.exe

      重启：nginx -s reload
      停止：nginx -s stop

#### 至此在浏览器输入 127.0.0.1 就可以看到登录界面了，**_如果失败提示 404 请重启电脑再试_**

### 3.安装 MySQL

1. 下载 mysql：https://dev.mysql.com/get/Downloads/MySQLInstaller/mysql-installer-community-8.0.20.0.msi
2. 安装数据库时用户名请填 root 密码填 mysql  
   **如果安装时不用这个账号密码**，就把 app.js 和 home.js 中的 mysql.createPool() 函数做对应修改
3. **安装教程请务必**参考：https://www.bilibili.com/video/BV1GW411g7pF?from=search&seid=16379453420756899056  
   如果有教程之外的选项点确定就行了,无需安装 MySQL 的可视化程序
4. 使用 MySQL,

(1) 登录：打开 开始菜单找到 MySQL 文件夹，打开 MySQL 8.0 Command Line Client，输入密码即可登录

(2) 接着需要创建 数据库和表，**代码必须和以下一模一样**，不然 node 程序无法操作数据库  
 创建 数据库和创建表：

```
      //创建一个名为test的数据库
      create database test;

      //选择test数据库进行操作
      use test;

      //创建webuser,ac,lights三个表
      create table webuser(
           id int primary key auto_increment,
           name varchar(20) unique,
           password varchar(20),
           state bool default 1,
           avater varchar(20),
           temperature float default 26,
           damp float default 50
      );
      create table ac(
           name varchar(20) primary key,
           aim_temp int,
           mode varchar(20),
           speed int,
           damp_dispel varchar(20),
           disable bool
      );
      create table lights(
           name varchar(20) primary key,
           dinning_l bool,
           bath_l bool,
           sitting_l int,
           bedroom_l int
      );
      //使用旧版身份验证方式(node只能以旧方式连接MySQL,所以添加以下设置)
      use mysql;
      ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'mysql';
      flush privileges;
```

#### 至此数据库的表就准备完毕了

### 4.安装 node，启动 app.js 和 home.js

这一步就 so easy 了，下载长期支持版 node：https://nodejs.org/zh-cn/  
 下载完后，在 node-express 目录下启动两个 cmd  
 运行： 一个 cmd 输入 **node app** 另一个输入 **node home**  
 停止运行： ctrl+c 不行就多按几下

#### node 服务器就启动完毕了 大功告成~ 在浏览器 127.0.0.1 就可以进行业务操作了~

### 提示：可以进行业务操作的条件就 3 个：nginx 启动，app.js 和 home.js 启动，数据库表已经建好(数据库可以不用登录只要表建好就行了)