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

NO IMAGE

實現步驟:

1獲取access_token:

公眾號和小程序均可以使用 AppIDAppSecret 調用本接口來獲取access_tokenAppIDAppSecret 可在“微信公眾平臺-開發-基本配置”頁中獲得(需要已經成為開發者,且帳號沒有異常狀態)

用這兩個參數去向微信請求 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_ticketjsapi_ticket 是公眾號用於調用微信 JS 接口的臨時票據。正常情況下,* jsapi_ticket* 的有效期為 7200 秒,通過access_token 來獲取。由於獲取 jsapi_ticketapi 調用次數非常有限,頻繁刷新 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 () {
        // 設置成功
      }
  })
});

相關文章

Vue爛筆頭

ElementUIselect組件引發的思路比較

IntelliJIDEA快捷鍵

搭建基於express框架的運行環境