npm安裝微信JS-SDK
npm install jweixin-module --save
通過網址下載：
https://unpkg.com/browse/jweixin-module@1.6.0/lib/index.js
//微信js-sdk引入
var jweixin = require('jweixin-module')
// 微信公眾號自定義分享
/**
* @description 獲取微信jsconfig參數
* <br/>success回調方法的參數就是返回的原始數據
* @param {string} title 分享標題
* @param {string} linkUrl 分享頁面路徑
* @param {string} imgUrl 圖片路徑(網絡圖片路徑)
* @param {string} desc 分享文字描述
* @param {function} success 成功后回調的方法
*/
weixinJSConfig:
function
(title, linkUrl, imgUrl,desc) {
var
url = window.location.href;
//H5當前頁面路徑
console.info(
'------------url--------------'
);
console.info(url);
uni.request({
url:
'https://xxx.com/xxx/getWeixinJSConfig'
,
//請求后台接口獲取權限驗證配置參數
data: {
url: url
},
method:
'POST'
,
timeout: 600000,
success: (res) => {
console.info(
'----------------------------jsconfig--------------------------'
);
console.info(res.data);
//微信分享權限驗證配置參數構造
var
config = {
debug:
false
,
//是否啟用調試
appId: res.data.appId,
//微信公眾號appID
timestamp: res.data.timestamp,
//時間戳
nonceStr: res.data.nonceStr,
//簽名的隨機串
signature: res.data.signature,
//簽名
jsApiList: [
//需要使用的JS接口列表
'checkJsApi'
,
'updateTimelineShareData'
,
'updateAppMessageShareData'
,
'hideMenuItems'
]
};
console.info(
'--------------------------jsconfig Value---------------'
);
console.info(config);
//微信注入權限驗證配置
jweixin.config(config);
//需在用戶可能點擊分享按鈕前就先調用
jweixin.ready(
function
() {
jweixin.hideMenuItems({
// 要隱藏的菜單項，只能隱藏“傳播類”和“保護類”按鈕，所有menu項見附錄3
menuList: [
'menuItem:originPage'
,
'menuItem:openWithSafari'
,
'menuItem:openWithQQBrowser'
,
'menuItem:editTag'
,
'menuItem:copyUrl'
,
'menuItem:share:qq'
,
'menuItem:favorite'
,
'menuItem:share:QZone'
,
'menuItem:openWithSafari'
]
});
//分享到朋友圈
jweixin.updateTimelineShareData({
title: title,
// 分享標題
link:
'H5部署域名'
+ linkUrl,
// 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl: imgUrl,
// 分享圖標
success:
function
() {
// alert("updateTimelineShareData");
}
})
//分享給朋友
jweixin.updateAppMessageShareData({
title: title,
// 分享標題
desc: desc,
// 分享描述
link:
'H5部署域名'
+ linkUrl,
// 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl: imgUrl,
// 分享圖標
success:
function
() {
// alert("updateAppMessageShareData");
}
})
});
}
});
},
頁面調用：
onLoad() {
this.weixinJSConfig('分享標題','https://xxx.com/pages/tab/index.html', 'https://xxx.com/image.jpg','分享描述')
},