微信公衆號-》微信網頁開發

網頁受權

咱們採用的是snsapi_base爲scope發起的網頁受權, 即靜默受權方式,不用彈出確認框,能夠拿到用戶的openid,前提是用戶已經關注公衆號html

①、因此公衆號菜單中配置的菜單連接以下格式:
https://open.weixin.qq.com/connect/oauth2/authorize?appid=XXXX&redirect\_uri=your_url&response\_type=code&scope=snsapi\_base&state=123#wechat\_redirect
注意重定向地址須要轉義前端

②、受權成功後重定向到指定頁面,並帶上code,以下your_url?code=011Ro3vK10lC030F7utK1i1NuK1Ro3v9&state=123android

code說明 : code做爲換取access_token的票據,每次用戶受權帶上的code將不同,code只能使用一次,5分鐘未被使用自動過時。

③、根據code調用接口,獲取用戶openID和tokenios

JS-SDK使用

菜單控制

場景:在h5頁面上控制分享出去的連接的標題,圖片和說明
方法:首先須要簽名,驗證經過以後才能使用,如官網文檔https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1
說一下須要注意的地方:算法

  1. 簽名算法經過後端簽名,不宜在前端直接暴露你的關鍵信息
  2. 要分享的連接必須是當前頁面連接,不然會失敗
  3. android用分享頁面的url簽名,而ios以入口頁面url簽名(注意,不少人分享不成功的關鍵問題)。
    解釋一下爲何會有入口頁面的說法:可能存在場景是,菜單進入一個頁面,可是要分享的頁面是這個頁面的二級頁面,那麼ios在簽名的時候就要用菜單進入時的入口頁面去簽名,不然分享後沒法達到預期效果

參考文檔
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/iOS_WKWebview.html後端

相關文章
相關標籤/搜索