国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > 微信網(wǎng)頁(yè)開(kāi)發(fā)之JS-SDK完整步驟

微信網(wǎng)頁(yè)開(kāi)發(fā)之JS-SDK完整步驟

時(shí)間：2023-09-02 11:54:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-02 11:54:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

微信網(wǎng)頁(yè)開(kāi)發(fā)之JS-SDK完整步驟：

重要鏈接

JS-SDK使用步驟

第一步 綁定域名

先登錄微信公眾平臺(tái)進(jìn)入“公眾號(hào)設(shè)置”的“功能設(shè)置”里填寫“JS接口安全域名”。備注：登錄后可在“開(kāi)發(fā)者中心”查看對(duì)應(yīng)的接口權(quán)限。

第二步 安裝JS-SDK

兩種安裝方式

第一種使用JS直接調(diào)用JS外鏈：http://res.wx.qq.com/open/js/jweixin-1.6.0.js

第二種使用npm構(gòu)建項(xiàng)目依賴：可以使用npm install weixin-js-sdk或npm install weixin-jsapi

在需要使用的頁(yè)面引入JSSDK：import wx from 'weixin-js-sdk

第三步 通過(guò) config 接口注入權(quán)限驗(yàn)證配置

最重要，最重要，最重要 重要的事情說(shuō)三遍?。?！
所有需要使用 JS-SDK 的頁(yè)面必須先注入配置信息，否則將無(wú)法調(diào)用。這里的一些配置項(xiàng)，debug、jsApiList這兩個(gè)參數(shù)是可以在前端寫死的，** appId，nonceStr，signature， timestamp** 這四個(gè)參數(shù)就不需要我們前端人員去管，都是由后臺(tái)的人員去弄返回接口給我們，我們前端人員主要做的就是把當(dāng)前頁(yè)面的url傳遞給后臺(tái)（url要截取#號(hào)前面），從而后臺(tái)人員拿到我們的url，返回參數(shù)，然后我們拿著參數(shù)去調(diào)用wx.config進(jìn)行配置即可

wx.config({ debug: true, // 開(kāi)啟調(diào)試模式,調(diào)用的所有 api 的返回值會(huì)在客戶端 alert 出來(lái)，若要查看傳入的參數(shù)，可以在 pc 端打開(kāi)，參數(shù)信息會(huì)通過(guò) log 打出，僅在 pc 端時(shí)才會(huì)打印。 appId: '', // 必填，公眾號(hào)的唯一標(biāo)識(shí) timestamp: , // 必填，生成簽名的時(shí)間戳 nonceStr: '', // 必填，生成簽名的隨機(jī)串 signature: '',// 必填，簽名 jsApiList: [] // 必填，需要使用的 JS 接口列表});
小提示：url截取方法 window.location.href.split('#')[0]

步驟四：通過(guò) ready 接口處理成功驗(yàn)證

如果接口是直接觸發(fā)，就需要將方法寫入wx.ready()里面，如果接口是通過(guò)事件觸發(fā)就不需要寫在wx.ready()里面

wx.ready(function(){ // config信息驗(yàn)證后會(huì)執(zhí)行 ready 方法，所有接口調(diào)用都必須在 config 接口獲得結(jié)果之后，config是一個(gè)客戶端的異步操作，所以如果需要在頁(yè)面加載時(shí)就調(diào)用相關(guān)接口，則須把相關(guān)接口放在 ready 函數(shù)中調(diào)用來(lái)確保正確執(zhí)行。對(duì)于用戶觸發(fā)時(shí)才調(diào)用的接口，則可以直接調(diào)用，不需要放在 ready 函數(shù)中。});步驟五：通過(guò) error 接口處理失敗驗(yàn)證

wx.error()是一個(gè)很好判斷鑒權(quán)是否成功的一個(gè)很好辦法，wx.config將debug設(shè)置為True在開(kāi)發(fā)時(shí)也非常有必要。

wx.error(function(res){ // config信息驗(yàn)證失敗會(huì)執(zhí)行 error 函數(shù)，如簽名過(guò)期導(dǎo)致驗(yàn)證失敗，具體錯(cuò)誤信息可以打開(kāi) config 的debug模式查看，也可以在返回的 res 參數(shù)中查看，對(duì)于 SPA 可以在這里更新簽名。});一個(gè)通用屬性errMsg，其值格式如下：

調(diào)用成功時(shí)："xxx:ok" ，其中 xxx 為調(diào)用的接口名

用戶取消時(shí)："xxx:cancel"，其中 xxx 為調(diào)用的接口名

調(diào)用失敗時(shí)：其值為具體錯(cuò)誤信息





關(guān)鍵詞：完整,步驟

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉