一 綁定域名: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,必須是步驟一中填入的域名。