vue-cli 中使用微信公众号接口 jssdk

原创
2019/10/22 21:05
阅读数 874

官方提供的JS接口列表链接:

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

第一步:下载包 weixin-js-sdk

npm i weixin-js-sdk 
或者
yarn add weixin-js-sdk

第二步:在main.js中引入

import wx from 'weixin-js-sdk'

第三步:挂载到Vue上

Vue.prototype.$wx = wx

第四步:在App.vue中初始化配置,这里的 appId、timestamp、nonceStr、signature都是由后台生成的,返回给前端后填写。


//请求后台接口获取参数( appId timestamp nonceStr signature)
this.$wx.config({
       debug: false, //生产环境需要关闭debug模式

       appId:appId, //appId通过微信服务号后台查看

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

       nonceStr:nonceStr, //生成签名的随机字符串

       signature:signature, //签名

       jsApiList: [
                //需要调用的JS接口列表
           "checkJsApi",
           "onMenuShareTimeline", //分享给好友
           "onMenuShareAppMessage", //分享到朋友圈 
           "chooseImage", //拍照
           "uploadImage" //上传照片
       ]
});

 

展开阅读全文
打赏
1
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
1
分享
返回顶部
顶部