1. 程式人生 > >微信分享之設置分享title和icon

微信分享之設置分享title和icon

sig ready timeline type 上傳 異步 調試 什麽 鏈接地址

首先,無論是基於微信做什麽,分享也好,上傳圖片也罷,第一步都要先設置config參數

var appId = "";
var timeStamp = "";
var nonceStr = "";
var signature = "";

$.ajax({
type: ‘post‘,
url: ‘/Control/GetWeiXinParm‘,
async: false,
data: { url:window.location.href},
success: function (data) {
appId = data.appId;
timeStamp = data.timeStamp;
nonceStr = data.nonceStr;
signature = data.signaTure;
}
});

參數設置完成後,開始設置微信調用的方法

if (window.wx) {
wx.config({
debug: false,//debug為true時,打開微信調試
appId: appId,
timestamp: timeStamp,
nonceStr: nonceStr,
signature: signature,
jsApiList: [
‘checkJsApi‘,
‘openLocation‘,
‘getLocation‘,
‘onMenuShareTimeline‘,//微信朋友圈
‘onMenuShareAppMessage‘//微信好友
]
});

參數這是完成後,開始分享接口的調用

wx.ready(function () {
wx.checkJsApi({
jsApiList: [
‘getLocation‘,
‘onMenuShareTimeline‘,
‘onMenuShareAppMessage‘
],
success: function (res) {
alert(JSON.stringify(res));
}
});

wx.onMenuShareAppMessage({
title: ‘這是title‘,
desc: ‘這是詳情‘,
link: ‘這是分享的鏈接‘,
imgUrl: ‘這是分享的圖標‘,
trigger: function (res) {
// 不要嘗試在trigger中使用ajax異步請求修改本次分享的內容,因為客戶端分享操作是一個同步操作,這時候使用ajax的回包會還沒有返回
//alert(‘用戶點擊發送給朋友‘);
},
success: function (res) {
//alert(‘已分享‘);
},
cancel: function (res) {
//alert(‘已取消‘);
},
fail: function (res) {
//alert(JSON.stringify(res));
}
});

wx.onMenuShareTimeline({
title: ‘這是title‘,
link: ‘這是分享的鏈接地址‘,
imgUrl: ‘這是分享的圖標‘,
trigger: function (res) {
// 不要嘗試在trigger中使用ajax異步請求修改本次分享的內容,因為客戶端分享操作是一個同步操作,這時候使用ajax的回包會還沒有返回
//alert(‘用戶點擊分享到朋友圈‘);
},
success: function (res) {
//alert(‘已分享‘);
},
cancel: function (res) {
//alert(‘已取消‘);
},
fail: function (res) {
//alert(JSON.stringify(res));
}
});


wx.error(function (res) {
//alert(res.errMsg);
});
});
}

好了,分享到此結束~

微信分享之設置分享title和icon