微信官方sdk教程
安裝vue 微信sdk 使用NPM安裝,不會的百度學npm?install?jweixin-module?--save
創建一個wxsdk.js 文件//?引入微信sdk
var?jweixin?=?require('jweixin-module');
export?default?{
//判斷是否在微信中
isWechat:?function()?{
var?ua?=?window.navigator.userAgent.toLowerCase();
if?(ua.match(/micromessenger/i)?==?'micromessenger')?{
return?true;
}?else?{
return?false;
}
},
//初始化sdk配置
initJssdk:?function(callback,?url)?{
//?簽名信息建議?post?請求服務端獲取?簽名信息
//?微信sdk的
jweixin.config({
debug:?false,
appId:?"APPID",
timestamp:?"timestamp",
nonceStr:?"nonceStr",
signature:?"signature",
jsApiList:?[
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage'
]
});
},
//在需要自定義分享的頁面中調用
share:?function(data,?url)?{
url?=?url???url?:?window.location.href;
if?(!this.isWechat())?{
return;
}
//每次都需要重新初始化配置,才可以進行分享
this.initJssdk(function(signData)?{
jweixin.ready(function()?{
var?shareData?=?{
title:?data?&&?data.title???data.title?:?signData.site_name,
desc:?data?&&?data.desc???data.desc?:?signData.site_description,
link:?url,
imgUrl:?data?&&?data.img???data.img?:?signData.site_logo,
success:?function(res)?{
//用戶點擊分享后的回調,這里可以進行統計,例如分享送金幣之類的
},
cancel:?function(res)?{}
};
//分享給朋友接口
jweixin.onMenuShareAppMessage(shareData);
//分享到朋友圈接口
jweixin.onMenuShareTimeline(shareData);
});
},?url);
}
}
使用SDK教程import?wechat?from?'./common/wxsdk'
wechat?.share({
desc:?article.title,
img:?article.image
});
如果是UNI 記得條件判斷下 是否H5