一、準(zhǔn)備工作:
- 公眾號(hào)管理平臺(tái)配置安全域:
?自定義頁(yè)面分享功能需要微信認(rèn)證才能使用,需要開(kāi)發(fā)者ID等信息。
二、代碼示例:
- 引入微信JS-SDK:
<script type="text/javascript"
src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js">
</script>
- 頁(yè)面配置使用:
<script type="text/javascript">
function init() {
$.ajax({
type: "POST",
url: "......",//后臺(tái)接口
data: parms, //可選參數(shù)
dataType: "json",
success: function(data){
//初始化配置
wx.config({
appId: data.appId, // 公眾號(hào)的唯一標(biāo)識(shí)
timestamp: data.timestamp, //生成簽名的時(shí)間戳
nonceStr: data.nonceStr,
signature: data.signature, //簽名
//配置可分享功能列表
jsApiList: ['chooseImage', 'uploadImage', 'downloadImage',
'previewImage', 'openLocation', 'getLocation',
'scanQRCode', 'checkJsApi', 'onMenuShareTimeline',
'onMenuShareAppMessage', 'onMenuShareQQ',
'onMenuShareWeibo', 'onMenuShareQZone'] //配置分享功能
});
}
});
}
//初始化:
$(function () {
init();
});
//需在用戶可能點(diǎn)擊分享按鈕前就先調(diào)用
function initwx(){
wx.ready(function () {
//1.定位
wx.getLocation({
type: 'gcj02',
success: function (res) {
alert("定位成功");
localStorage.setItem("lng", res.longitude);
localStorage.setItem("lat", res.latitude);
},
cancel: function (res) {
alert('用戶拒絕授權(quán)獲取地理位置');
},
});
//2.分享朋友鏈接自定義樣式設(shè)置:(自定義)
wx.onMenuShareAppMessage({
title: ..., // 分享標(biāo)題
desc : ..., // 分享描述
imgUrl: ...,
type : 'link', // 分享類型,music、video或link,不填默認(rèn)為link
success : function() {
},
cancel : function() {
}
});
//3.分享....
}
</script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。