使用JSSDK整合微信分享遇到的一些坑

2022-02-01 02:27:32 字數 1172 閱讀 5038

需要後端支援

jssdk使用步驟

步驟一:繫結網域名稱

備註:登入後可在「開發者中心」檢視對應的介面許可權。

這裡注意:js介面安全網域名稱一定要填寫正確,區分子網域名稱,且主網域名稱需要通過備案!沒有滿足這一步,無法繼續測試。

步驟二:引入js檔案

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

請注意,如果你的頁面啟用了https,務必引入 

,否則將無法在ios9.0以上系統中成功使用jssdk

如需使用搖一搖周邊功能,請引入 jweixin-1.1.0.js

備註:支援使用 amd/cmd 標準模組載入方法載入。

步驟三:通過config介面注入許可權驗證配置

wx.config();
debug模式建議開啟,可以提示錯誤資訊。

注意,整合分享 jsapilist 裡需要有:

這裡建議使用後端配置好,例如在php裡:

if

(isweixin())

至於後端具體怎麼生成這個 wx_js_config ,本文不做講解。  wx_js_config  裡內容就是:

這裡使用 wx.config() 時很容易遇到坑,尤其是從後端傳資料過來時。對於php,下面兩種方式是可以的:

注意方式一是沒有引號的,加了引號就變成字串了。

isweixin方法的內容是:

function

isweixin()

else

}

使用JSSDK整合微信分享遇到的一些坑

需要後端支援 jssdk使用步驟 步驟一 繫結網域名稱 備註 登入後可在 開發者中心 檢視對應的介面許可權。這裡注意 js介面安全網域名稱一定要填寫正確,區分子網域名稱,且主網域名稱需要通過備案!沒有滿足這一步,無法繼續測試。步驟二 引入js檔案 在需要呼叫js介面的頁面引入如下js檔案,支援htt...

微信分享 JSSDK的使用

假如下面是我們請求介面的資料 1 12 一切準備就緒之後,我們來根據不同頁面的使用方式一一分解 先說引入的問題 首先,在index.html頁面先引入jssdk檔案 156 當然,你也可以用最簡單的方式引入789 我個人比較喜歡第一種。下面就開始使用了,先來乙個 初級版本的方式 方式一,所有 直接寫...

微信jssdk分享筆記

注 由於jssdk授權介面的呼叫可能會影響本地介面的正常呼叫,如果頁面剛剛載入成功的時候需要向服務端請求其他資料介面,一定要讓資料介面呼叫完成後再呼叫拿jssdk授權配置資訊的介面。a 原生html頁面中使用script標籤引入以下檔案 b vue專案 安裝 npm install weixin j...