微信公众号 H5本地调试配置 hosts + nginx + openssl

微信公众号授权会跳转到控制台配置的域名下 无法本地调试 这里通过修改hosts nginx代理 + ssl安全证书的操作骗过微信开发者工具

1. hosts
   hosts文件添加如下内容
   
   
   刷新 DNS 解析缓存 ipconfig/flushdns
   
2.  nginx 配置反向代理

   server {
           listen       80;
           server_name  work.test.test.cn;
   
           location / {
               proxy_pass http://127.0.0.1:81;
               proxy_connect_timeout 600;
               proxy_read_timeout 600;
           }
           error_page   500 502 503 504  /50x.html;
           location = /50x.html {
               root   html;
           }
       }

   刷新nginx 配置 nginx.exe -s reload
   刷新后通过配置的网址就能访问本地对应端口的项目
    

3. openssl生成本地证书
   微信开发者工具访问 http 自动 转 https问题
   win如何使用OpenSSL生成自签名证书，使 http 升级为 https

4. nginx 配置证书 
    

   # HTTPS server
       #
       server {
           listen       443 ssl;
           server_name  work.test.test.cn;
   
           ssl_certificate      E:\\nginx-1.24.0\\nginx-1.24.0\\conf\\ssl\\server.crt;
           ssl_certificate_key  E:\\nginx-1.24.0\\nginx-1.24.0\\conf\\ssl\\server.key;
           location / {
               proxy_pass http://127.0.0.1:81;
               proxy_connect_timeout 600;
               proxy_read_timeout 600;
           }
       }

        结果：