微信H5自定義分享到朋友圈接口

實現步驟：

1獲取access_token:

公衆號和小程序都可以使用 AppID 和 AppSecret 調用本接口來獲取access_token。AppID 和 AppSecret 可在「微信公衆平臺-開發-基本配置」頁中得到（須要已經成爲開發者，且賬號沒有異常狀態）

用這兩個參數去向微信請求 access_token，https請求方式: GET api.weixin.qq.com/cgi-bin/tok…

正常狀況下，微信會返回下述JSON數據包給公衆號：

{"access_token":"ACCESS_TOKEN","expires_in":7200}
複製代碼

2 綁定域名

先登陸微信公衆平臺進入「公衆號設置」的「功能設置」裏填寫「JS接口安全域名」。 備註：登陸後可在「開發者中心」查看對應的接口權限。

3 引入JS文件

在須要調用JS接口的頁面引入以下JS文件，（支持https）：res.wx.qq.com/open/js/jwe…

如需進一步提高服務穩定性，當上述資源不可訪問時，可改訪問：res2.wx.qq.com/open/js/jwe… （支持https）。

備註：支持使用 AMD/CMD 標準模塊加載方法加載

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

生成簽名以前必須先了解一下 jsapi_ticket，jsapi_ticket 是公衆號用於調用微信 JS 接口的臨時票據。正常狀況下，* jsapi_ticket* 的有效期爲 7200 秒，經過access_token 來獲取。因爲獲取 jsapi_ticket 的 api 調用次數很是有限，頻繁刷新 jsapi_ticket 會致使 api 調用受限，影響自身業務，開發者必須在本身的服務全局緩存 jsapi_ticket 。

用第一步拿到的 access_token 採用http GET 方式請求得到jsapi_ticket（有效期7200秒，開發者必須在本身的服務全局緩存jsapi_ticket）： api.weixin.qq.com/cgi-bin/tic…

成功返回以下JSON：

{
  "errcode":0,
  "errmsg":"ok",
  "ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8-41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA",
  "expires_in":7200
}
複製代碼

得到 jsapi_ticket 以後，就能夠生成JS-SDK權限驗證的簽名了。

全部須要使用JS-SDK的頁面必須先注入配置信息，不然將沒法調用（同一個url僅需調用一次，對於變化url的SPA的web app可在每次url變化時進行調用,目前Android微信客戶端不支持pushState的H5新特性，因此使用pushState來實現web app的頁面會致使簽名失敗，此問題會在Android6.2中修復）。

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

5 經過ready接口處理成功驗證

wx.ready(function () { 
    //需在用戶可能點擊分享按鈕前就先調用
    // config信息驗證後會執行ready方法，全部接口調用都必須在config接口得到結果以後，config是一個客戶端的異步操做，因此若是須要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的接口，則能夠直接調用，不須要放在ready函數中。
    wx.updateAppMessageShareData({
      title: '', // 分享標題
      desc: '', // 分享描述
      link: '', // 分享連接，該連接域名或路徑必須與當前頁面對應的公衆號JS安全域名一致
      imgUrl: '', // 分享圖標
      success: function () {
        // 設置成功
      }
  })
});
複製代碼