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

2022-07-22 05:15:09 字數 1444 閱讀 9663

jssdk使用步驟:

一:繫結網域名稱

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

圖1圖2

二、引入js檔案

在需要呼叫js介面的頁面引入如下js檔案,(支援https):

請注意,如果你的頁面啟用了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檔案 請注意,如果你的頁面啟用了https,務必引入否則將無法在ios9.0以上系統中成功使用...

js實現微信分享

2.訪問介面 ajax wx.ready function cancel function 分享給朋友 title 免費領課中心 分享標題 imgurl 分享圖示 type 分享型別,music video或link,不填預設為link dataurl 如果type是music或video,則要提供...

微信jssdk實現分享到微信

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