本地调试微信公众号授权

如何在本地进行微信公众号授权调试

原因

最近前端同事开发微信公众号,接近后期,当涉及到授权登录,支付等等的时候js就会校验安全域名和ip,那么就意味每次同事做了更改都要把微信公众号打包部署到线上服务器才能调试了,来来去去很郁闷。于是我建议用内网穿透的方式来让他实现本地调试。

怎么做

首选需要一个ngrok或者花生壳,才能够实现内网穿透。把花生壳的内网端口设置成本地调试的端口(注意不能用类似react或者vue的热端口,类似npm start这种,必须要build之后用nginx或者serve的方式来做才行)

  • 先申请一个花生壳内网穿透
  • 安装serve:npm install serve -g
  • 打包前端代码:npm run-script build(如果是react、vue之类的)
  • 命令行cd到打包后的文件根目录
  • serve -p 80
  • 花生壳把内网端口设置成80 ip设置成:127.0.0.1
  • 假设花生壳的外网端口是8871,域名是xxx.xxx.cn
  • 访问http://xxx.xxx.cn:8871 就可以看到你的网站了
  • 记得配置安全域名

还有一些问题

  • 安全域名要配置成花生壳绑定的域名,这样子很多检验安全的操作才可以过去
  • 如果需要证书之类的就需要本地搭建nginx并放置证书或者通过线上已经放置微信证书的服务器代理了,proxy_pass http://xxx.xxx.cn:8871/;,然后访问线上服务器
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值