微信web开发者工具打不开页面

来源:5-9 第五天 微信 JS-SDK-使用微信官方的WEB调试工具

wawjqyh

2017-02-15

问题1:微信web开发者工具打不开页面

输入这个地址按回车没有任何反应,不跳转

http://szimg.mukewang.com/58a3b9e20001204111280496.jpg

chrome是可以正常访问的

http://szimg.mukewang.com/58a3bd030001b44f11110277.jpg

测试了微信web开发者工具没有问题,输入其他网址是可以打开的比如百度;


问题2:使用微信扫码打开页面提示invalid signature

调试工具打不开,我就试了直接用微信扫码打开页面

打开会有个提示

http://szimg.mukewang.com/58a3be4a0001176a10801920.jpg

然后我点击访问原网页,会提示错误(点继续访问也是一样的)。如下图

http://szimg.mukewang.com/58a3bec90001f46a04900240.jpg




页面代码

wxjs.getConfig = function () {
   var url = wxjs.cfg.getConfig + "?url=" + window.location.href;

   $.ajax({
       url: url,
       type: "GET",
       dataType: "JSON",
       success: function (data) {
           var wxcfg = {
               debug: false,
               appId: data.appId,
               timestamp: data.timestamp,
               nonceStr: data.nonceStr,
               signature: data.signature,
               jsApiList: [
                   'previewImage'
               ]
           };

           console.log(data);

           wx.config(wxcfg);
       }
   });
};

wx.ready(function () {
   alert("success");
});

wx.error(function (res) {
   document.write(JSON.stringify(res));
});

http://szimg.mukewang.com/58a3c0d30001c55208680054.jpg


后台代码

http://szimg.mukewang.com/58a3c17300012c3106350906.jpg

http://szimg.mukewang.com/58a3c19a0001a26808650258.jpg

已验证signature没问题

http://szimg.mukewang.com/58a3c22c00011e5d10630552.jpg

可以看到和浏览器的截图是一样的


下面是我的测试号的配置

http://szimg.mukewang.com/58a3c2af0001056808490575.jpg


疑问:

1、为什么调试工具打不开页面;

2、为什么用微信打开会弹出提示页面;

3、还有signature验证失败的原因


麻烦老师和各位大神有空解答一下,非常感谢!!!

写回答

1回答

wawjqyh

提问者

2017-02-15

解决了!

是映射工具的问题,不太稳定。换成付费的就好了。

免费的工具都不是很稳定,调试前面的课程没问题,到这里可能就有问题了。

我用的是这个 https://www.ngrok.cc/

之前用的是免费版,付费版5元一个月,建议开通一下。

还有换成付费的之后第二个问题也解决了,使用微信打开出现“非微信官方网页”提示可能是域名没有备案。

0
1
慕粉3573948
你好,请问你是怎么通过微信扫码打开的
2017-02-22
共1条回复

7天搞定Node.js微信公众号

Koa框架、ES2015新特性、MongoDB,开发微信公众号

1742 学习 · 787 问题

查看课程