通过ngrok实现内网穿透，调试微信小程序

话说以前在做微信支付，支付宝支付的时候都是使用的花生壳，那个时候是免费的，多购买一个二级还不知道是三级域名多花了25块钱。

最近我们在搞小程序开发，没想到真的是立牌坊啊，很麻烦，反正哥是不用了，现在开始使用ngrok，非常实在的一个东西，可以内网穿透，也很方便，现在来给大家演示一些如何使用

首先进入官网：

​​https://ngrok.com/​​

然后注册呗，可以用github账号就能直接登录，

登录以后按各自需求进行下载，我们这使用windows

然后放到某个盘符下，位置随意

然后获取你的token，接下来只要打开命令行执行以下命令即可

如下图：

 

 ngrok  help 是帮助命令

 

这个时候我们开启对应的端口，本地用的是tomcat 8080端口，那么只需要这样：

 

 这样就可以开启端口了

 再看如下，牛逼的是我们可以使用http 和 https，非常方便啊有木有

 

 这个时候，配置完毕，我们使用浏览器测试，第一次访问会比较慢

 

OK了吧

那么我们再来调试微信小程序

首先在配置文件中打开调试

项目详情中打钩

 

 看一下代码：

@RestController
public class HelloWorldController {
    
    @RequestMapping("/hello")
    public String Hello() {
        return "Hello Spring Boot~";
    }
    
    @RequestMapping("/info")
    public IMoocJSONResult info(Info info) {
        
        System.out.println(info.toString());
        
        return IMoocJSONResult.ok(info);
    }
}

// 获取服务器视频列表
        wx.request({
            url: 'https://69b13dee.ngrok.io/info',
            data: {
                id: 1001,
                name: "lee"
            },
            header: {
                'content-type': 'application/json' // 默认值
            },
            success: function (res) {
                console.log(res.data)
            }
        })

这个时候点击触发事件，查看一下输出：

 

 OK了，已经互通了~~

 

​​官网itzixi.com​​

   微信公众号：BeJavaGod    ​​​​

   --> 同步更新