公众号前端调试部署总结

思路：
1、 ngnix 处理成同域：

   http://localhost:8080         前端访问路径
   http://localhost:8080/ysos    后台访问路径
   http://localhost:8080/upload  后台upload文件访问路径

2、 http://localhost:8080 映射外网，如：http://www.xx.cn

   http://www.xx.cn         前端访问路径
   http://www.xx.cn/ysos    后台访问路径
   http://www.xx.cn/upload  后台upload文件访问路径

本地映射外网可用 ngrok 小米球： http://ngrok.ciqiuwl.cn/
小米球网速较慢，可让公司运维配置一个子域名，用 frp 做映射关系

3、 测试公众号配置接口域名（唯一），和授权功能

相关链接	url
测试号登陆	https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
获取token, 自定义菜单配置路径	https://mp.weixin.qq.com/debug/
测试号管理 （配置接口域名 yourname.cn 即可， 不需要写 http://www.yourname.cn）	https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index
sdk文档	https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

4、 nginx 配置项 nginx.conf（可直接复制修改 ip）：

   worker_processes  1;
   events {
     worker_connections  1024;
   }
   http {
     include       mime.types;
     default_type  application/octet-stream;
     server_names_hash_bucket_size 64;
     sendfile        on;
     keepalive_timeout  65;
     #gzip  on;
     server {
       listen       8080;
       server_name  127.0.0.1;
       add_header Access-Control-Allow-Methods *;
       add_header Access-Control-Max-Age 3600;
       add_header Access-Control-Allow-Credentials true;
       add_header 'Access-Control-Allow-Origin' '*';
       add_header Access-Control-Allow-Headers $http_access_control_request_headers;
       
       location / {
           proxy_pass http://127.0.0.1:8701;
           add_header Access-Control-Allow-Methods *;
           add_header Access-Control-Max-Age 3600;
           add_header Access-Control-Allow-Credentials true;
           add_header 'Access-Control-Allow-Origin' '*';
           add_header Access-Control-Allow-Headers $http_access_control_request_headers;
           if ($request_method = OPTIONS) {
               return 200;
           }
       }
       location /ysos {
           proxy_pass http://172.16.8.57:8086/tyjr/;
           add_header Access-Control-Allow-Methods *;
           add_header Access-Control-Max-Age 3600;
           add_header Access-Control-Allow-Credentials true;
           add_header 'Access-Control-Allow-Origin' '*';
           add_header Access-Control-Allow-Headers $http_access_control_request_headers;
           if ($request_method = OPTIONS) {
               return 200;
           }
       }

       location /upload {
           proxy_pass http://172.16.8.57:8086/tyjr/upload/;
           add_header Access-Control-Allow-Methods *;
           add_header Access-Control-Max-Age 3600;
           add_header Access-Control-Allow-Credentials true;
           add_header 'Access-Control-Allow-Origin' '*';
           add_header Access-Control-Allow-Headers $http_access_control_request_headers;
           if ($request_method = OPTIONS) {
               return 200;
           }
       }
     }
   }

-end