1出皇、在微信后臺中配置域名
2、安裝 weixin-js-sdk
`npm install weixin-js-sdk --save-dev`
3昌粤、在需要的vue文件中寫一下代碼就可以了
`const wx = require('weixin-js-sdk');
? ? let domain = process.env.VUE_APP_BASE_URL;
? ? export default {
? ? ? ? name: 'home',
? ? ? ? created:function() {
? ? ? ? ? ? this.$axios.get(domain+'/getJSSDKConfig?url=' + encodeURIComponent(location.href.split('#')[0])).then((res) => {
? ? ? ? ? ? ? ? console.log('appId:'+res.data.appId);
? ? ? ? ? ? ? ? wx.config({
? ? ? ? ? ? ? ? ? ? debug: false, // 開啟調試模式
? ? ? ? ? ? ? ? ? ? appId: res.data.appId, // 必填绿渣，公眾號的唯一標識
? ? ? ? ? ? ? ? ? ? timestamp: res.data.timestamp, // 必填速种，生成簽名的時間戳
? ? ? ? ? ? ? ? ? ? nonceStr: res.data.nonceStr, // 必填，生成簽名的隨機串
? ? ? ? ? ? ? ? ? ? signature: res.data.signature,// 必填哭当，簽名
? ? ? ? ? ? ? ? ? ? jsApiList: [
? ? ? ? ? ? ? ? ? ? ? ? "updateAppMessageShareData",//自定義“分享給朋友”及“分享到QQ”按鈕的分享內容
? ? ? ? ? ? ? ? ? ? ? ? "updateTimelineShareData",//自定義“分享到朋友圈”及“分享到QQ空間”按鈕的分享內容
? ? ? ? ? ? ? ? ? ? ]
? ? ? ? ? ? ? ? })
? ? ? ? ? ? }).catch((e) => {
? ? ? ? ? ? ? ? console.log(e)
? ? ? ? ? ? });
? ? ? ? ? ? wx.ready(function(){
? ? ? ? ? ? ? ? console.log('微信ready了');
? ? ? ? ? ? ? ? // this.wxShareTimeline();
? ? ? ? ? ? ? ? // this.wxShareAppMessage();
? ? ? ? ? ? ? ? wx.updateAppMessageShareData({
? ? ? ? ? ? ? ? ? ? title: , // 分享標題
? ? ? ? ? ? ? ? ? ? desc: , // 分享描述
? ? ? ? ? ? ? ? ? ? link: location.href.split('#')[0], // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
? ? ? ? ? ? ? ? ? ? imgUrl: , // 分享圖標
? ? ? ? ? ? ? ? ? ? success: () => {
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? wx.updateTimelineShareData({
? ? ? ? ? ? ? ? ? ? title: , // 分享標題
? ? ? ? ? ? ? ? ? ? desc: , // 分享描述
? ? ? ? ? ? ? ? ? ? link: location.href.split('#')[0], // 分享鏈接冗澈，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
? ? ? ? ? ? ? ? ? ? imgUrl: , // 分享圖標(不能賦相對路徑钦勘，一定要是絕對路徑)
? ? ? ? ? ? ? ? ? ? success: () => {
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? });
? ? ? ? ? ? });`
