html5公众号使用nginx进行内网穿透

一说明

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中

三配置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
# 注意：如果不是新增配置，只是修改配置，可以直接运行docker restart nginx的PID

四线上服务器启动ngrok

docker restart ngrok

五 本地新建ngrok的启动文件

ngrok.cfg

start.bat

六 启动ngrok

七 打开微信开发者工具