小白问题——微信配置不成功

版权声明:博客内容属于本人原创,转载请注明出处 https://blog.csdn.net/hl_qianduan/article/details/82684190

目前项目需要在微信开展
1、网上教程很多的那些前期工作(公众号配置js安全域名等等)

2、正式开始写(我需要的是退出功能)

wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: item.appid, // 必填,公众号的唯一标识
    timestamp: item.timestamp, // 必填,生成签名的时间戳
    nonceStr: item.noncestr, // 必填,生成签名的随机串
    signature: item.signature,// 必填,签名,见附录1
    jsApiList: ['closeWindow'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2(我需要的只是退出)
});

然后

wx.ready(function(){
    alert("成功")
    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
});
wx.error(function(res){
    alert("失败")
    // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
});

到了这个时候我的数据配置到wx.config,我想当然的要在我的谷歌浏览器看效果,但是没有效果,接口是正确的,既没有弹出成功也没有失败,无法验证是否配置,原因如下:

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)。

即需要在微信客户端才能看到效果,需要在微信的环境下(当时傻了)

如果环境是对的需要考虑之前的步骤有没有都完成操作

1、域名和之前填的js安全域名是否一致

2、校验文件缺失,在配置js安全域名的时候微信会要求我们的安全域名下添加一个有微信提供的校验文件

3、开启debug模式的时候config结果会直接alert出来(可以查看)

另外吐槽一下weui.js和weui.css需要做一个正经的文档我认为

(个人认为支付宝H5更全面一些对于新手更加友好)

猜你喜欢

转载自blog.csdn.net/hl_qianduan/article/details/82684190
今日推荐