Jssdk篇
注：jssdk是公眾號提供的功能，一般來說就是【uni引入】、【vue引入】、【react引入】
List(c+v尋找那一條)：
- uni中引入、vue 引入、react引入
- uni中使用jssdk
- vue中使用jssdk
1、uni中引入、vue 引入、react引入
【uni】 npm install jweixin-module
【vue】 npm install weixin-js-sdk --save
【react】后面補充
【普通】jssdk官網有
2、uni中使用jssdk，自己改一改url地址啊，
封裝：
const jweixin = require('jweixin-module')
export function configWeiXin(callback,arr = ['/xxxxxxxxxxxxxWx/xxxxxxxxxxxxxWx/xxxxxxxxxxxxxWx','','']) {console.log(arr)request(arr[0],{url:arr[1],appId: arr[2]},'GET').then(res=>{ // 可能需要用到的能力 需要啥就寫啥。多寫也沒有壞處let apiList = [ 'showAllNonBaseMenuItem','onMenuShareQQ','chooseInvoiceTitle','onMenuShareAppMessage','onMenuShareTimeline','hideOptionMenu','showMenuItems','scanQRCode','hideMenuItems','showOptionMenu','chooseWXPay','chooseImage','checkJsApi','uploadImage','openLocation','getLocation','uploadImage','updateAppMessageShareData',//自定義“分享給朋友”及“分享到QQ”按鈕的分享內容（1.4.0）'updateTimelineShareData',//自定義“分享到朋友圈”及“分享到QQ空間”按鈕的分享內容（1.4.0）];console.log('返回的參數設置需要用',jweixin,res.result.timestamp,res.result.nonceStr,res.result.signature,apiList)let info = {// 使用沒有暴露在wx對象上的beta: true,// 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。debug: false, // 調試是true，發布的時候改為falseappId: res.result.appId, // 必填，公眾號的唯一標識timestamp: res.result.timestamp, // 必填，生成簽名的時間戳nonceStr: res.result.nonceStr, // 必填，生成簽名的隨機串signature: res.result.signature.toLowerCase(),// 必填，簽名// signature: res.result.signature,// 必填，簽名jsApiList: apiList};jweixin.config(info);jweixin.ready(res => {// jweixin.showAllNonBaseMenuItem();console.log(res+'設置成功')jweixin.showMenuItems({menuList: [ 'menuItem:share:qq','menuItem:share:timeline',"menuItem:copyUrl",'menuItem:share:appMessage',"menuItem:favorite","menuItem:profile"] // 要顯示的菜單項，所有menu項見附錄3}) jweixin.hideMenuItems({menuList: [// 'menuItem:favorite','menuItem:share:timeline'// 'menuItem:openWithQQBrowser'] // 要隱藏的菜單項，只能隱藏“傳播類”和“保護類”按鈕，所有menu項見附錄3});if (callback) callback(jweixin);});jweixin.error(err => {});}).catch(err=>{console.log(err,'調用簽名錯誤拉！')})
}
使用
jwx.configWeiXin(jweixin => {jweixin.invoke('updateAppMessageShareData',{ title: '分享', // 分享標題desc: '電子', // 分享描述link: window.location.href + ``, // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致// link: window.location.href + `/?invoiceCode=${invoiceCode}&invoiceNo=${invoiceNo}&issueDate=${issueDate}&randomNum=${randomNum}&weixinAppId=${weixinAppId}&differentiate=${differentiate}&orderUuid=${orderUuid}&taxInclusiveTotalamount=${taxInclusiveTotalamount}`, // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致imgUrl: 'http://baidu.com/'+'gzh.jpg', // 分享圖標success: function () {// 設置成功console.log('分享設置成功設置成功')}})},['/xxxxxxxxlWx/xxxxxxxxller/xxxxxxxxket',value])
3、vue中使用jssdk
后面我用到了再寫：先給個別人的飛機票飛機票
總結
- 上一篇： 三款win7远程桌面管理工具介绍
- 下一篇： 【设计模式系列】行为型模式之Mediat