使用微信分享功能

2020-04-01  本文已影响0人  剑圣_盖小聂

1.在需要调用JS接口的页面引入如下JS文件,http://res.wx.qq.com/open/js/jweixin-1.2.0.js

2.通过config接口注入权限验证配置。配置信息通常是从后端接口拿的。

wx.config({

    beta: true,// 必须这么写,否则wx.invoke调用形式的jsapi会有问题

    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

    appId: '', // 必填,企业微信的corpID

    timestamp: , // 必填,生成签名的时间戳

    nonceStr: '', // 必填,生成签名的随机串

    signature: '',// 必填,签名,见 附录-JS-SDK使用权限签名算法

    jsApiList: [] // 必填,需要使用的JS接口列表,凡是要调用的接口都需要传进来

});

config接口注入权限验证配置

3.通过ready接口处理成功验证。

wx.ready(function(){

    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

});

checkJsApi是判断当前客户端版本是否支持指定JS接口

4.通过error接口处理失败验证

wx.error(function(res){

    // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。

});

验证失败

总结:主要写的用法,为了快速开发直接用。微信的API文档上,每个接口的用法和注意事项写的非常清楚和通俗易懂。使用的时候会遇到很多坑,分享的标题和描述要是带一些金钱,红包什么的敏感词汇就会出问题,我当时是遇到了。还有一个是图片死活不出来,不太记得什么原因了,好像是配置的分享图片的url中不能带中划线(-).

上一篇 下一篇

猜你喜欢

热点阅读