uniapp中调用微信jssdk

JavaScript020

uniapp中调用微信jssdk,第1张

1、安装``` npm install jweixin-module --save ```2、创建文件share.wx.js``` // 引入微信jssdk const jweixin = require('jweixin-module') const install = (Vue, vm) =>{// shareInfo: {// title: '标题',// desc: '描述',// link: location.origin,// imgUrl: 'http://admin.djiajia.cn/uploads/wechat_img/2020/07/29/20200729095315-5f20d68b1ea0d.jpg'// }const init = (shareInfo = {}) =>{ // 获取微信jssdk，用于分享 vm.$u.api.getWxjssdk({ url: location.href }).then(res =>{ res = res.data vm.$u.vuex('vuex_wxjssdk', res) console.log(res) jweixin.config({ debug: res.debug, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: res.appId, // 必填，公众号的唯一标识 timestamp: res.timestamp, // 必填，生成签名的时间戳 nonceStr: res.nonceStr, // 必填，生成签名的随机串 signature: res.signature, // 必填，签名 jsApiList: res.jsApiList // 必填，需要使用的JS接口列表 }) jweixin.ready(() =>{ console.log(shareInfo.title) // 分享给朋友 jweixin.updateAppMessageShareData({title: shareInfo.title,desc: shareInfo.desc,link: shareInfo.link,imgUrl: shareInfo.imgUrl,success: () =>{ // 设置成功} }) // 分享到朋友圈 jweixin.updateTimelineShareData({title: shareInfo.title,link: shareInfo.link,imgUrl: shareInfo.imgUrl,success: () =>{ // 设置成功} }) // 分享到朋友圈 jweixin.onMenuShareTimeline({title: shareInfo.title,link: shareInfo.link,imgUrl: shareInfo.imgUrl,success: () =>{} }) // 分享给朋友 jweixin.onMenuShareAppMessage({title: shareInfo.title,desc: shareInfo.desc,link: shareInfo.link,imgUrl: shareInfo.imgUrl,success: () =>{} }) }) jweixin.error(function(res) { // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。 console.log(res) })})} // 将各个定义的接口名称，统一放进对象挂载到vm.$u.api(因为vm就是this，也即this.$u.api)下vm.$u.share = { init} } export default {install } ```3、main.js   app.$mount() 上面加入``` // 微信jssdk初始化 import wxshare from '@/common/share.wx.js' Vue.use(wxshare, app) ```4、调用``` this.$u.share.init({ title: '标题', desc: '描述', link: location.origin, imgUrl: '分享图片地址' }) ```

1.配置JS接口安全域名

2. 引入JS文件<script src='http://res.wx.qq.com/open/js/jweixin-1.6.0.js'></script>

3.通过config接口注入权限验证配置

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

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