微信分享之代碼詳解


眾所周知微信分享前我們要做一些准備工作;

第一步要先配置安全域名

注意:域名前面不用加協議名稱,還有域名服務器根目錄下要上傳公眾號提供的文件(配置的每個域名服務器都要上傳哦):MP_verify_qoTb3e9VQBlFWzcn.txt
第二步配置IP白名單
微信公眾平台出於安全考慮,根據appId和appSecret去獲取access_token的時候,只允許白名單的ip去請求獲取access_token的接口。配置的地方在

第三步提交公眾號認證:
要確認公眾號是認證過的,沒認證的話,沒法拿到分享按鈕的點擊狀態以及自定義分享內容
第四步在頁面里引入微信提供的js文件
如下js文件:http://res.wx.qq.com/open/js/jweixin-1.2.0.js

開發階段:

一:先在后台通過appId和secret去獲取access_token(有效期是2小時,記得緩存起來)。
二:拿到access_token之后,去獲取JsApiTicket(有效期是2小時,以下簡稱ticket)。
三:拿到ticket之后根據ticket、分享的url、隨機字符串noncestr、時間戳timestamp去生成簽名signature、並將signature及noncestr、timestamp、appid返回給前端去初始化wx.config作權限驗證。
生成簽名的算法文檔:
簽名生成規則如下:參與簽名的字段包括noncestr(隨機字符串), 有效的jsapi_ticket, timestamp(時間戳), url(當前網頁的URL,不包含#及其后面部分) 。對所有待簽名參數按照字段名的ASCII 碼從小到大排序(字典序)后,使用URL鍵值對的格式(即key1=value1&key2=value2…)拼接成字符串string1。這里需要注意的是所有參數名均為小寫字符。對string1作sha1加密,字段名和字段值都采用原始值,不進行URL 轉義。
簽名校驗工具:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
四:接下來就可以 通過ready接口處理成功驗證自定義分享內容及拿到分享的回調(成功或者取消分享)

微信分享出現的常見bug

分享失敗的時候,首先開啟debug模式
常見的錯誤是invalid signatrue
1.確認簽名算法正確,可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 頁面工具進行校驗。
2.確認config中nonceStr(js中駝峰標准大寫S), timestamp與用以簽名中的對應noncestr, timestamp一致。
3.確認url是頁面完整的url(請在當前頁面alert(location.href.split(‘#’)[0])確認),包括’http(s)😕/’部分,以及’?’后面的GET參數部分,但不包括’#’hash后面的部分。
4.確認 config 中的 appid 與用來獲取 jsapi_ticket 的 appid 一致。
5.確保一定緩存access_token和jsapi_ticket。
6.確保你獲取用來簽名的url是動態獲取的,動態頁面可參見實例代碼中php的實現方式。如果是html的靜態頁面在前端通過ajax將url傳到后台簽名,前端需要用js獲取當前頁面除去’#’hash部分的鏈接(可用location.href.split(‘#’)[0]獲取,而且需要encodeURIComponent),因為頁面一旦分享,微信客戶端會在你的鏈接末尾加入其它參數,如果不是動態獲取當前鏈接,將導致分享后的頁面簽名失敗。
通俗講三種:
1.傳給后台的url問題:var url = encodeURIComponent(location.href.split(‘#’)[0]);
2.config中nonceStr字段的寫法
3.appid的錯誤,必須跟你的js授權地址對應的公眾號appid


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM