一说明
1.1主要配置
开发工具 | idea/hbuider/vscode |
版本管理工具 | svn |
内网服务器环境 | 安装了docker并且配置了nginx |
外网服务器环境 | 安装了docker和ngrok |
服务管理工具 | shell 、xftp |
前端开发语言 | htnl5 |
后台开发语言 | java |
数据库 | mysql5.7 |
1.2服务说明
192.168.20.112中需要启动的服务 |
服务名称 | 服务含义 |
nginx | 内网穿透 |
docker | 服务管理 |
192.168.20.113中需要启动的服务 |
服务名称 | 服务含义 |
saas-service-user | 用户登录服务 |
saas-service-recharge | 收费服务 |
saas-service-term | 抄表服务 |
二下载项目
通过Hbuilder导入svn下载的代码,然后直接运行,确认代码是否正常运行,如果正常运行,将代码通过svn checkout下载到内网服务器192.168.20.112中
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8fdb990a5e5f4bce4c45248cdf2b18ff.png)
三配置nginx
在192.168.20.112中找到nginx的配置文件,对nginx进行配置
cd /docker/nginx/conf
vim nginx.conf
server {
listen 8097;
server_name localhost ssc.ngrok.tw-iot.cn;
location ^~ /ssapi/{
proxy_pass http://10.10.0.66:8092/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
add_header From www.weixin4j.org;
proxy_set_header Cookie $http_cookie;
}
location ^~ /user_api/{
proxy_pass http://192.168.20.113:8073/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
add_header From www.weixin4j.org;
proxy_set_header Cookie $http_cookie;
}
location ^~ /term_api/{
proxy_pass http://192.168.20.113:8074/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
add_header From www.weixin4j.org;
proxy_set_header Cookie $http_cookie;
}
location ^~ /rech_api/{
proxy_pass http://192.168.20.113:8072/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
add_header From www.weixin4j.org;
proxy_set_header Cookie $http_cookie;
}
location / {
charset utf-8;
root html/deploy/wechat-web/wechat-web-customer-v1;
index login.html;
}
location ~* \.(js|css|png|jpg)$ {
expires 5m;
root html/deploy/wechat-web/wechat-web-customer-v1;
}
location ~* \.(html)$ {
expires -1;
root html/deploy/wechat-web/wechat-web-customer-v1;
}
}
docker ps
docker stop nginx的PID
docker rm nginx的PID
docker run -d -p 80:80 -p 7099:7099 -p 8070:8070 -p 8088:8088 -p 8089:8089 -p 8090:8090 -p 8091:8091 -p 8092:8092 -p 8093:8093 -p 8094:8094 -p 8095:8095 -p 8096:8096 -p 8097:8097 -p 8098:8098 -p 8099:8099 -p 8100:8100 -p 8101:8101 -p 8102:8102 -p 8103:8103 -p 8104:8104 -p 8105:8105 -p 8106:8106 -p 8107:81076 -p 8108:81086 -p 8109:8109 --network=tw_overlay -v /docker/nginx/conf/:/etc/nginx/ -v /docker/nginx/logs/:/var/log/nginx/ -v /docker/nginx/www/:/etc/nginx/html/ --name="nginx" nginx:1.12.2
四线上服务器启动ngrok
docker restart ngrok
五 本地新建ngrok的启动文件
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c98fe7984e2d4c71c5b23173cf1884ec.png)
ngrok.cfg
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2e593cb849f67ffc7c82ebe739fdb6c1.png)
start.bat
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3a18232dba6a7f5b51a7158c05685496.png)
六 启动ngrok
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6d7e832b9f43bb64390aa71b16acc1a4.png)
七 打开微信开发者工具
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fcd1e8e8266073b26aa85613228f93b4.png)