美文网首页
使用Nginx本地调试微信公众号

使用Nginx本地调试微信公众号

作者: peroLuo | 来源:发表于2019-10-09 18:04 被阅读0次
  1. 调试工具 微信开发者工具
  2. 服务器 Nginx
  3. 前端框架umi.js

微信公众号的授权,需要配置一个可访问的域名,本地开发中的搭建的服务器,不具备这个基础,所以考虑在本地搭建Nginx反向代理服务器,来指向微信公众号配置的域名。

1. 在nginx的配置文件nginx.conf中添加配置脚本,如下:

server {
        listen       80;
        server_name  test.com;
        location / {
            proxy_pass  http://localhost:8000;
        }
    }

上述的配置文件:test.com是你在微信公众平台配置的后台域名;http://localhost:8000你本地的服务。

2. 在微信开发者工具打开 http://test.com

3.在首页重定向至微信授权的页面

window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent('http://test.com')}&response_type=code&scope=snsapi_userinfo&state=123&connect_redirect=1#wechat_redirect`;

相关文章

  • 使用Nginx本地调试微信公众号

    调试工具 微信开发者工具 服务器 Nginx 前端框架umi.js 微信公众号的授权,需要配置一个可访问的域名,本...

  • 配置nginx在本地调试微信公众号

    场景 最近在开发微信公众号,前端vue引入js-sdk,公众平台已经配置好安全域名,本地联调配置wx.config...

  • 微信公众号本地调试

    微信公众号本地调试 Q: 每次微信公众号开发都要上传到测试服务器上才能测试,特别麻烦和不便。 步骤: 1.修改h...

  • 使用ngrok实现微信公众号本地调试

    微信公众号必须配置域名,不能使用ip和端口,而大部分情况我们的开发机不是外网的服务器,要进行调试就变得很麻烦(比如...

  • 端口转发

    为方便微信公众号开发,在网上搜索了下如何做本地调试,一个技巧是采用端口转发,将微信端发的请求转到本地进行调试,大致...

  • 微信公众号开发本地调试

    一:ngrok的使用 基于windows 1:为什么要使用ngrok 在微信开发的时候 需要填写与微信服务器相连接...

  • js接入微信公众号遇到的坑

    1. 使用微信开发工具调试微信公众号支付 遇到这样的错误errMsg: "getBrandWCPayRequest...

  • 反向代理 微信公众号网页 本地调试

    标签(空格分隔): 前端 前言 微信公众号调试需要域名在 微信管理后台白名单中,因此对于本地调试特别不方便。为了在...

  • 04 实例讲解微信公众号开发-创建公众号菜单

    如何创建公众号菜单 创建公众号菜单 公众号菜单创建使用在微信公众平台接口调试工具发送json消息实现。 其中必填字...

  • 微信公众号本地调试的方法

    前言 如果你是后端开发,在进行微信公众号开发的时候会遇到一个问题:后端接口如何断点调试? 本文将会向大家分享一个免...

网友评论

      本文标题:使用Nginx本地调试微信公众号

      本文链接:https://www.haomeiwen.com/subject/ezggpctx.html