可以參考微信公眾號平臺:?https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
微信JS-SDK說明文檔
下面代碼是在vue中使用的
var timestamp = "";//時間戳
? ? ? var nonceStr = "";//隨機串
? ? ? var signature = ""; // 簽名
? ? ? var appId="";
? ? ? var url3=location.href;??
? ? ? var params="url="+url3;
? ? ? var url = 'xxxxx'; // 請求數(shù)據(jù)的接口, 后臺提供將返回 timetamp, nonceStr, signature, appid;
? ? ? _this.$axios.get(url +'?' + params).then((res) => {
? ? ? ? console.log(res);
? ? ? ? // data=eval("("+data+")");
? ? ? ? timestamp=res.data.timestamp;
? ? ? ? nonceStr=res.data.nonceStr;
? ? ? ? signature=res.data.signature;
? ? ? ? appId=res.data.appid;
? ? ? ? // url3=res.data.url;
? ? ? })
? ? ?//?通過config接口注入權(quán)限驗證配置
? ? ? wx.config({
? ? ? ? debug : true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來汽煮,若要查看傳入的參數(shù)姻几,可以在pc端打開,參數(shù)信息會通過log打出,僅在pc端時才會打印。
? ? ? ? appId : appId,// 必填糊治,公眾號的唯一標(biāo)識
? ? ? ? timestamp : timestamp, // 必填醋旦,生成簽名的時間戳
? ? ? ? nonceStr : nonceStr, // 必填,生成簽名的隨機串
? ? ? ? signature : signature,// 必填倔幼,簽名,見附錄1
? ? ? ? //jsApiList : [ 'onMenuShareAppMessage']
? ? ? ? jsApiList : [ 'onMenuShareAppMessage','onMenuShareTimeline']
? ? ? ? // 必填爽待,需要使用的JS接口列表损同,所有JS接口列表見附錄2
? ? ? });
? ? ? wx.error(function(res){
? ? ? });
? ? ? wx.ready(function(){
? ? ? ? // 分享給朋友
? ? ? ? wx.onMenuShareAppMessage({
? ? ? ? ? title: '標(biāo)題',
? ? ? ? ? desc:'描述',
? ? ? ? ? link: url3,
? ? ? ? ? imgUrl: '展示的圖片',
? ? ? ? ? trigger: function (res) {
? ? ? ? ? },
? ? ? ? ? success: function (res) {
? ? ? ? ? },
? ? ? ? ? cancel: function (res) {
? ? ? ? ? },
? ? ? ? ? fail: function (res) {
? ? ? ? ? }
? ? ? ? });
? ? ? ? // 分享朋友圈
? ? ? ? wx.onMenuShareTimeline({
? ? ? ? ? title: '標(biāo)題',
? ? ? ? ? desc:'描述',
? ? ? ? ? link: url3,
? ? ? ? ? imgUrl: '展示的圖片',
? ? ? ? ? trigger: function (res) {
? ? ? ? ? },
? ? ? ? ? success: function (res) {
? ? ? ? ? },
? ? ? ? ? cancel: function (res) {
? ? ? ? ? },
? ? ? ? ? fail: function (res) {
? ? ? ? ? }
? ? ? ? });
? ? ? });