Windows下启动Thingskit社区免费部署版【入门级超详细】

准备工作：

PS：所有的安装路径目录，咱们都指定在【E:\thingskit_deploy】【PS：如果您没有E盘，自行换为C盘，或D盘】

环境准备工作如下：

PS:建议，运行环境，谷歌浏览器，版本号>100

准备工作完成，都安装在【E:\thingskit_deploy】目录下；如下图：

1、部署Thingskit后端

1-1、为后端部署做准备：

第一步：在【E:\thingskit_deploy】目录下创建一个文件夹【thingskit_back】

第二步：接下来，解压线上下载的【ThingsKit社区免费部署版】压缩包。

解压出来效果如下：

第三步：将解压出来的【web_server】文件夹，复制到【E:\thingskit_deploy\thingskit_back】目录下

效果如下：

1-2、修改【windows.bat】文件：

第一步：进入【E:\thingskit_deploy\thingskit_back\web_server\bin】目录；

第二步：右键【windows.bat】，采用记事本【或者Notepad++】打开；打开如下：

第三步：配置Thingskit后端运行路径，以及数据库的配置

正确的修改结果如下：

第四步：修改minio参数配置

正确的修改结果如下：

PS：别忘了，保存配置。

2、后端配置完成，优先启动minio

见 Minio下载及安装指南【windows】 中如何启动minio。

3、启动Thingskit后端

• 进入thingskit后端目录【E:\thingskit_deploy\thingskit_back\web_server\bin】;
• 双击运行【windows.bat】

​ 成功启动；效果如下：

​ PS：成功启动之后，最小化。 启动后端，需要多等待2~3分钟，请耐心等待*

• 验证一下后台；打开浏览器

  地址栏输入：【http://localhost:8080/swagger-ui/】，效果如下：能正常打开该页面，证明后端启动成功。

  

4、部署Thingskit前端

4-1、为前端部署做准备：

第一步：进入Nginx目录下的html目录；即【E:\thingskit_deploy\nginx-1.23.3\html】，将该原本的文件进行备份。创建一个backup空文件夹。然后将其他html文件移入。

移入后的效果，如下：

第二步：然后进入，【Thingskit社区免费部署版】文件夹中

• 右击【web_ui.rar】
• 选择解压到当前文件夹

第三步：双击进入【web_ui】目录；然后将【web_ui】目录下的所有文件及文件夹，进行全部复制。

第四步：将刚刚复制的文件，全部粘贴在nginx下的html目录中；即【E:\thingskit_deploy\nginx-1.23.3\html】，如下图：

4-2、修改【_app.config.js】文件：

第一步：进入【E:\thingskit_deploy\nginx-1.23.3\html】目录；

第二步：用记事本或Notepad++等工具打开；

第三步：将文件中，所有【localhost】替换为本机IP或者服务器IP，后面用这个IP访问平台，修改完成之后，记得保存；【PS:如果不修改则只能本机可以访问】。

PS：查看本机IP---》"开始"菜单---》选择"运行"--》输入cmd命令，执行回车---》输入“ipconfig”命令，执行回车

修改之后，如下图：

4-3、修改【nginx.conf】文件：

第一步：进入【E:\thingskit_deploy\nginx-1.23.3\conf】目录，找到配置文件【nginx.conf】；

第二步：用记事本或Notepad++等工具打开；

第三步：按照下图修改，红色圈中部分为修改地方；绿色圈中部分为新增地方。

第1部分修改的代码：【将原来的80端口，修改为9527端口】

#modify part
listen 9527;

第2部分修改的代码：【将原来的注释掉的字符集，修改为utf-8】

#modify part    
charset utf-8;

第3部分新增的代码：【放在“server_name”关键词下面】

#add part
set $NGINX_PROXY_PASS_ADDRESS 127.0.0.1; 

第4部分新增的代码：【放在“location”关键词中】

#add part
try_files $uri $uri/ /index.html;

第5部分新增的代码：【放在“location”关键词下方】

#add part
location /api/ {
    proxy_set_header Host $http_host;
    proxy_set_header X-Forward-For $remote_addr;
    proxy_pass http://$NGINX_PROXY_PASS_ADDRESS:8080/api/;
    proxy_ssl_server_name on;
}

第6部分新增的代码：【放在“location”关键词下方】

#add part
location /api/ws/ {
    proxy_pass
    http://$NGINX_PROXY_PASS_ADDRESS:8080/api/ws/;
    #下面三行是重点
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_connect_timeout 5s;
    proxy_read_timeout 300s;
    proxy_send_timeout 300s;
}

4-4、运行【Nginx】,启动前端：

Windows下Nginx的启动、停止等命令

见 nginx下载、安装及使用指南【windows】 中如何启动nginx。

5、验证 Thingskit前端

*输入登陆地址：*

地址：http://localhost:9527

5-1、验证 超级管理员

第一步：输入账号和密码：验证登录。

• 登录账号：sysadmin
• 登录密码：Sysadmin@123

第二步：创建租户；

• 单击左侧菜单“租户管理”下的“租户列表”；
• 在右侧，租户列表中，单击“新增租户”按钮；

第三步：在弹出的，新增租户框中，输入【租户名称】、【租户角色】、【租户配置】；最后单击“确认”按钮；

租户创建成功，如下图：

第四步：创建租户管理员，才能有账号管理租户。

• 单击“租户管理员”

• 单击“新增租户管理员”

• 在弹出的新增租户管理员中，输入【账号】、【真实名字】、【电话号码】；最后单击“确认”。

租户管理员账号创建成功！

退出系统：单击顶部“超级管理员”，在弹出的菜单中，选择“退出系统”；

5-2、验证 租户管理员

*重新进入登陆页，采用刚刚创建的租户管理员账号进入；单击“登录”*

账号：test123

密码：123456【初始密码】

*第一次进入，需要修改当前用户密码*

密码修改完成，重新登陆系统。