Ⅰ 公眾號h5中使用微信JS-SDK(個人筆記)
通過使用微信JS-SDK,網頁開發者可藉助微信高效地使用拍照、選圖、語音、位置等手機系統的能力,同時可以直接使用微信分享、掃一掃、卡券、支付等微信特有的能力,為微信用戶提供更優質的網頁體驗。
例子為在vue中使用微信JS-SDK,步驟如下:
先登錄微信公眾平台進入「公眾號設置」的「功能設置」里填寫「JS介面安全域名」。
備註:登錄後可在「開發者中心」查看對應的介面許可權。
插件方式:
引入js文件方式:
在需要調用JS介面的頁面引入如下JS文件,(支持https): http://res.wx.qq.com/open/js/jweixin-1.6.0.js
如需進一步提升服務穩定性,當上述資源不可訪問時,可改訪問: http://res2.wx.qq.com/open/js/jweixin-1.6.0.js (支持https)。
掛載到Vue原型
與使用 JS-SDK 配置方式相同,所有需要使用開放標簽的頁面必須先注入配置信息,並通過openTagList欄位申請所需要的開放標簽,否則將無法使用(同一個 url 僅需調用一次)。開放標簽的申請和 JS 介面的申請相互獨立,因此是可以同時申請的。
配置成功之後,就可以使用相關的api了。例子為微信支付。
3.分享出去的是鏈接,不是卡片的原因及解決方案:
原因: 微信開放全域名訪問後出現的限制。
解決方法:
這會導致別人通過分享卡進來的頁面不是自己配置的頁面。
解決辦法: 把路由hash模式改成history模式。(讓後端把匹配不到的頁面重定向到首頁)
開發者需要配合使用微信開放平台提供的 SDK 進行一次性訂閱消息授權請求接入。正確接入 SDK 後,開發者移動應用會在終端本地 拉起微信應用進行訂閱消息授權 ,微信用戶確認後微信將拉起開發者移動應用,並帶上授權用戶 openid 等信息。
使用方式: 引導用戶打開 https://mp.weixin.qq.com/mp/subscribemsg?action=get_confirm&appid=wxaba38c7f163da69b&scene=1000&template_id=&redirect_url=http%3a%2f%2fsupport.qq.com&reserved=test#wechat_redirect 鏈接。
可拉起微信打開一次性消息訂閱授權頁:
使用方式:
如需添加參數,可在redirect_uri後面進行拼接,授權成功之後會帶回來。
其他問題請參考: https://www.jianshu.com/p/d343067b1ce6