微信二次分享

一 綁定域名:javascript

  先登陸微信公衆平臺進入「公衆號設置」的「功能設置」裏填寫「JS接口安全域名」。html

  PS: 例如域名爲:http://ge.lp.com,則只需填ge.lp.comjava

二 引入js: api

  (支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js安全

  請注意,若是你的頁面啓用了https,務必引入 https://res.wx.qq.com/open/js/jweixin-1.0.0.js ,不然將沒法在iOS9.0以上系統中成功使用JSSDK微信

  PS: 如需使用搖一搖周邊功能,請引入 jweixin-1.1.0.jsapp

  備註:支持使用 AMD/CMD 標準模塊加載方法加載微信公衆平臺

三 設置分享數據(通常是後臺傳值)ide

var data = {****};
var shareData = { title: data.title,//分享出去的title desc: data.lists[1].userName + "在直播" + data.title + ",速來佔位",//分享出去的描述 link: window.location.href,//分享出去的連接 imgUrl: "http://******/icon.png",//分享出去的icon type: '', // 分享類型,music、video或link,不填默認爲link dataUrl: '', // 若是type是music或video,則要提供數據連接,默認爲空 success: function(res) {//分享成功後的事件,例以下面的代碼就會彈出success alert('success'); }, fail: function(res) {//分享失敗後的事件,例以下面的代碼就會彈出fail alert('fail'); }, cancel: function () { // 用戶取消分享後執行的回調函數 } }

四 配置wx權限配置 (通常是後臺傳值) 函數

wx.config({
		debug: false,//是否開啓debug,若是開啓會彈出調用的api配置結果信息(如:msg: config:invalid url donmain,或者msg: config:ok)
		appId: res.data.appId,// 必填,公衆號的惟一標識
		timestamp: res.data.timestamp,// 必填,生成簽名的時間戳
		nonceStr: res.data.nonceStr,// 必填,生成簽名的隨機串
		signature: res.data.signature,// 必填,簽名
		jsApiList: [ // 必填,須要使用的JS接口列表
			'onMenuShareAppMessage',//分享朋友
			'onMenuShareTimeline',//分享到朋友圈
			'onMenuShareWeibo'//分享到微博
		]
});

五  經過wx的ready()處理配置成功後的事件

wx.ready(function() {
	wx.onMenuShareAppMessage(shareData);//分享到朋友
	wx.onMenuShareTimeline(shareData);//分享到朋友圈
	wx.onMenuShareWeibo(shareData);//分享到微博
});

六 經過error接口處理失敗驗證

wx.error(function(res){//配置失敗,會走error
	 alert(res);
});

PS: 打開路徑不能是以IP開頭的形式:http://***.***.***.***/share/index.html,必須是步驟一中填入的域名。

相關文章
相關標籤/搜索