微信分享JS-SDK

微信JS-SDK,提供給開發者的基於微信內的網頁開發工具包

使用微信JS-SDK，網頁開發者可藉助微信高效地使用拍照、選圖、語音、位置等手機系統的能力，同時能夠直接使用微信分享、掃一掃、卡券、支付等微信特有的能力

使用步驟

一、綁定域名

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

二、引入JS文件

在須要調用JS接口的頁面引入以下JS文件 http://res.wx.qq.com/open/js/jweixin-1.4.0.js

三、經過config接口注入權限驗證配置

全部須要使用JS-SDK的頁面必須先注入配置信息，不然將沒法調用

wx.config({
    debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。
    appId: '', // 必填，公衆號的惟一標識
    timestamp: , // 必填，生成簽名的時間戳
    nonceStr: '', // 必填，生成簽名的隨機串
    signature: '',// 必填，簽名
    jsApiList: [] // 必填，須要使用的JS接口列表
});

四、經過ready接口處理成功驗證

wx.ready(function(){
    // config信息驗證後會執行ready方法，全部接口調用都必須在config接口得到結果以後，config是一個客戶端的異步操做，因此若是須要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的接口，則能夠直接調用，不須要放在ready函數中。
});

五、經過error接口處理失敗驗證

wx.error(function(res){
    // config信息驗證失敗會執行error函數，如簽名過時致使驗證失敗，具體錯誤信息能夠打開config的debug模式查看，也能夠在返回的res參數中查看，對於SPA能夠在這裏更新簽名。
});

六、先檢查是否爲微信瀏覽器

var isWeixin = function () {
    //判斷是不是微信
    var ua = navigator.userAgent.toLowerCase();
    return ua.match(/MicroMessenger/i) == "micromessenger";
  };

若是是微信，則請求後端接口獲取簽名並配置config

if (isWeixin()) {
    // share
    var url = location.href;
    $.post('/api/weixin/getSignpackage', { url: url }, function (data) {
      var option = JSON.parse(data);
      wx.config({
        // debug: true,
        appId: option.appId,
        timestamp: option.timestamp,
        nonceStr: option.nonceStr,
        signature: option.signature,
        jsApiList: [
        ]
      });
    });
  }

微信分享

原有的 wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShareQQ、wx.onMenuShareQZone 接口，即將廢棄
最新接口爲戶端6.7.2及JSSDK 1.4.0以上版本支持的 wx.updateAppMessageShareData、updateTimelineShareData 接口

• 自定義「分享給朋友」及「分享到QQ」按鈕的分享內容（1.4.0）

wx.ready(function () {   //需在用戶可能點擊分享按鈕前就先調用
    wx.updateAppMessageShareData({ 
        title: '', // 分享標題
        desc: '', // 分享描述
        link: '', // 分享連接，該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
        imgUrl: '', // 分享圖標
        success: function () {
          // 設置成功
        }
});

• 自定義「分享到朋友圈」及「分享到QQ空間」按鈕的分享內容（1.4.0）

wx.ready(function () {      //需在用戶可能點擊分享按鈕前就先調用
    wx.updateTimelineShareData({ 
        title: '', // 分享標題
        link: '', // 分享連接，該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
        imgUrl: '', // 分享圖標
        success: function () {
          // 設置成功
        }
});

相關文檔

微信JS-SDK說明文檔