第一步：引入微信sdk（npm install weixin-js-sdk --save）
第二步：創建wechat.js
import wx from "../node_modules/weixin-js-sdk/"
export default {
getConfig(infoTitle, infoDesc, infoLink, infoImg) { //自定義分享所需要的參數
uni.request({
url: '后台接口',
method: 'POST',
header: {
"content-Type": "application/x-www-form-urlencoded",
},
data:{
url:"線上鏈接"
},
success: (res) => {
if(res.data.code==1){
wx.config({
debug: false, //測試時候用true 能看見wx.config的狀態是否是config:ok
appId: res.data.data.appid, // 必填，公眾號的唯一標識（公眾號的APPid）
timestamp: res.data.data.timestamp, // 必填，生成簽名的時間戳
nonceStr: res.data.data.noncestr, // 必填，生成簽名的隨機串
signature: res.data.data.signature, // 必填，簽名
jsApiList: [
'onMenuShareTimeline', // 分享給好友
'onMenuShareAppMessage', // 分享到朋友圈
'updateAppMessageShareData', // 分享給好友1.4
'updateTimelineShareData' // 分享到朋友圈1.4
], // 必填，需要使用的JS接口列表
openTagList: ['wx-open-launch-app'] // 可選，需要使用的開放標簽列表，例如['wx-open-launch-app']
});
wx.ready(function() {
var shareData = {
title: infoTitle, // 分享標題
desc: infoDesc, // 分享描述
link: infoLink, // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl: infoImg, // 分享圖標
success: function(res) {}
};
//自定義“分享到朋友圈”及“分享到QQ空間”按鈕的分享內容（1.4.0）
wx.updateTimelineShareData(shareData);
//自定義“分享給朋友”及“分享到QQ”按鈕的分享內容（1.4.0）
wx.updateAppMessageShareData(shareData);
})
}else{
uni.showToast({
title:res.data.msg,
icon:"none",
duration:2000
})
}
}
});
}
}
第三步：main.js引入
import wechat from 'static/wechat.js'
Vue.prototype.$wx = wechat
第四步：頁面調用
import wx from "../../static/jweixin-1.4.0.js"
let title = that.title
let infoDesc = that.contents
let infoLink = 'xx'
let infoImg= that.imgurl
that.$wx.getConfig(title,infoDesc,infoLink,infoImg);