前端做微信好友分享 前端實現微信平台實現分享

2021-10-12 14:17:19 字數 1369 閱讀 4881

jssdk使用步驟:

一:繫結網域名稱

2.js介面安全網域名稱,就是你專案發布的地方,還有一定要把.txt檔案放到你前端專案的根目錄。如果在配置過程中不清楚可以聯絡我,cyh_nini

圖1圖2二、引入js檔案

請注意,如果你的頁面啟用了https,務必引入否則將無法在ios9.0以上系統中成功使用jssdk

圖3三、通過config介面注入許可權驗證配置

wx.config({

debug: true, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來,若要檢視傳入的引數,可以在pc端開啟,引數資訊會通過log打出,僅在pc端時才會列印。

timestamp: , // 必填,生成簽名的時間戳

noncestr: '', // 必填,生成簽名的隨機串

signature: '',// 必填,簽名,見附錄1

jsapilist: // 必填,需要使用的js介面列表,所有js介面列表見附錄2

四、通過ready介面處理成功或失敗驗證

wx.ready(function(){

// config資訊驗證後會執行ready方法,所有介面呼叫都必須在config介面獲得結果之後,config是乙個客戶端的非同步操作,所以如果需要在頁面載入時就呼叫相關介面,則須把相關介面放在ready函式中呼叫來確保正確執行。對於使用者觸發時才呼叫的介面,則可以直接呼叫,不需要放在ready函式中。

wx.error(function(res){

// config資訊驗證失敗會執行error函式,如簽名過期導致驗證失敗,具體錯誤資訊可以開啟config的debug模式檢視,也可以在返回的res引數中檢視,對於spa可以在這裡更新簽名。

圖4前端**就完了,但當你們寫上這些**的時候,你會發現一直報錯:

errmsg:config:invalid signature

確認config中noncestr(js中駝峰標準大寫s), timestamp與用以簽名中的對應noncestr, timestamp一致。

確認url是頁面完整的url(請在當前頁面alert(location.href.split('#')[0])確認),包括'http(s)://'部分,以及'?'後面的get引數部分,但不包括'#'hash後面的部分。

確保一定快取access_token和jsapi_ticket。

可是我都是按步驟來的,簽名工具也驗證簽名沒問題,這6個都確認通過了,但一直不知道錯在**。

最後才知道,原來是通過url去獲取簽名,就是因為url沒有encode,因為js-sdk介面去驗證的你簽名是否正確時,它是把url進行encode了,真是坑呀,搞了一天才發現是這麼這原因。不說了,直接上**:

圖5這段**是通過把動態生成的url傳給後台,讓後台去生成處理相應的簽名演算法。

前端實現微信平台實現分享

jssdk使用步驟 一 繫結網域名稱 2.js介面安全網域名稱,就是你專案發布的地方,還有一定要把.txt檔案放到你前端專案的根目錄。如果在配置過程中不清楚可以聯絡我,cyh nini 圖1圖2 二 引入js檔案 在需要呼叫js介面的頁面引入如下js檔案,支援https 請注意,如果你的頁面啟用了h...

微信jssdk實現分享到微信

可以看到我的賬號是訂閱號而且是未認證的 因為我專案中用的賬號是公司的號,我現在只是以我自己的號 簡單說一下。你自己需要的賬號是已經認證的 據說要花300元,好貴。然後看一下左邊選單的介面許可權裡面的分享介面是否已經授權了 同樣的我的是未獲得的 因為我是以我的為例子的 我實際上用的是公司的號不是我自己...

微信支付前端流程

其實官網介紹的已經很明確了也有示例 但還是想寫一下,畢竟琢磨了一天了 首先要保證你的專案外網可以訪問到,我的是vue專案,用nginx做的 這裡是不需要jssdk的 window.location.href gift failview.do?out trade no this.orderid els...