微信公众号开发使用ngrox工具帮助本地环境测试

微信公众号开发使用ngrox工具帮助本地环境测试

前提说明：

​ 在进行微信公众号开发的时候，想调用微信提供的一些JS接口，就有一个wx.config配置信息的注入。在后台进行签名算发的过程中，需要用到当前页面的url，然后我们在本地的网页域名默认是localhost,这显然是不符合要求的，难不成每次调试都要发布下？

    GetSignature(noncester, timestamp, url)
        .then(res => {
            console.log('res',res);
            let signature = res.signature;
            wx.config({
                debug: true,
                appId: 'wxf9c69514869fbb52',
                timestamp: timestamp,
                nonceStr: noncester,
                signature: signature,
                jsApiList: ['updateAppMessageShareData'],
                openTagList: ['wx-open-launch-app','wx-open-launch-weapp'],
            })
            wx.ready((result) => {
                console.log('ready',result);
            })
            wx.error((err) =>{
                console.log('err',err);
            })
        })

解决办法：

​ 可以把本地的ip地址通过ngrox工具映射出去，改工具会随机分配一个域名地址给你，然后直接登录这个地址就可以实现本地调试。

实现步骤：

1. 下载ngrox

ngrok中文网,ngrok中文文档,ngrok工具,本地安全隧道,首页

2. 下载安装结束后，解压提取后就是这样一个.exe文件

3. 打开改软件，输入

ngrox.exe http 80(80是端口号，这个根据实际来修改)

​ 如图所示，红色框起来的就是映射后的地址了。

4. 然后记得去改下JS接口安全域名

综上，基本就可以在本地调试了。

…(img-DgxiM734-1635486438887)]

综上，基本就可以在本地调试了。