微信公众号开发-本地调试自己公众号网页jssdk

143 阅读1分钟

h5本地调试自己公众号jssdk

Editor

微信公众平台测试号可以使用你本地的ip,但是真实的公众号就需要填写备案后域名

我的方案

fiddler做代理,fiddler使用教程很多网上搜就行,安卓跟ios亲测抓包很方便。 在Fiddler > rules > customize Rules > go > onBeforeRequest 添加代码

1. https脚本示例
if (!oSession.HTTPMethodIs("CONNECT") && oSession.uriContains('www.域名.com')) {
   oSession.bypassGateway = true;
   //下面这两种方式,任选一种就行
   oSession.fullUrl = "http://127.0.0.1:9090" + oSession.PathAndQuery;
   //oSession.fullUrl = "http://192.168.187.170:8089"+oSession.fullUrl.Replace("https://www.zhuanzhuan.com","");
   oSession["x-overridehost"] = "192.168.1.121:5173"; // 你自己的项目ip访问
}
2. http方式脚本 写法很多,可自行搜索其他方法
if (oSession.uriContains("www.域名.com")) {
    oSession.host="127.0.0.1:9090"; // 你自己的项目ip访问
}

1. 在微信开发工具上调试

Editor

代理的就是Fiddler里面设置的端口,ip就是你本地ip

2. 手机上调试,手机跟电脑保持在同一局域网,手机wifi代理设置成Fiddler代理的端口就行

3. 手机或者开发工具直接访问地址 http://www.域名.com/#/ Fiddler就会转发到你的本地项目上,jssdk就愉快使用了。

小结:按理说还是先用微信公众测试平台账号测试完所有功能再替换成自己公众号配置,要是查找问题可以按照上面方式处理。Fiddler的使用尤为关键,多试几次就知道了。