導航:首頁 > 編程語言 > 微信公眾號js

微信公眾號js

發布時間:2023-03-04 15:45:28

微信公眾號里的js介面安全域名是什麼意思

就是填寫你網站的域名,只有這樣才會通過微信的簽名認證

Ⅱ 微信公眾號開發之如何使用JSSDK

微信開發交流群:148540125
歡迎留言、轉發、打賞

系列文章參考地址 極速開發微信公眾號
項目源碼參考地址 點我點我--歡迎Start

服務號、訂閱號可以通過登錄 微信公眾平台 查看 開發>介面許可權

使用JSSDK主要包括
1、判斷當前客戶端版本是否支持指定JS介面、
2、分享介面(微信認證)
3、圖像介面
4、音頻介面
5、智能介面(識別語音並返回結果)
6、設備信息(獲取網路狀態)
7、地理位置
8、界面操作
9、微信掃一掃
10、微信小店(服務號必須通過微信認證)
11、微信卡券 (微信認證)
12、微信支付(服務號必須通過微信認證)

官方參考文檔

步驟一:綁定域名

先登錄微信公眾平台進入 公眾號設置 的 功能設置 里填寫 JS介面安全域名 。

步驟二:引入JS文件
在需要調用JS介面的頁面引入如下JS文件,(支持https): http://res.wx.qq.com/open/js/jweixin-1.0.0.js
如需使用搖一搖周邊功能,請引入 http://res.wx.qq.com/open/js/jweixin-1.1.0.js
備註:支持使用 AMD/CMD 標准模塊載入方法載入

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

簽名演算法生成規則

請 官方參考文檔

下面具體來講講 開源項目 weixin_guide 中的封裝。

使用的時候只要在Controller方法上添加一個攔截器 JSSDKInterceptor 來實現簽名驗證再將 wx.config 需要的參數設置對應的屬性在頁面上進行獲取。

攔截器實現如下:

在Controller中使用

JSP頁面上面使用

測試結果

在AppConfig 中添加路由 me.add("/jssdk", JSSDKController.class,"/view"); 手機中訪問 http://域名[/項目名稱]/jssdk ,如果設置了 debug= true 成功了就會彈出

如果出現 {"errorMsg":"config:invalid url domian"} 請檢查 步驟一:綁定域名 與你訪問的域名是否在安全域名列表當中

步驟四:通過ready介面處理成功驗證

步驟五:通過error介面處理失敗驗證

步驟六:介面調用

攔截器具體實現 參考地址 點這里
js 介面調用參考地址 點這里

以上就是JSSDK使用的介紹。
歡迎留言、轉發、打賞項目

源碼參考地址 點我點我--歡迎Start

Ⅲ 微信公眾平台js介面安全域名是什麼

簡單點,就是避免在輸入網頁框內容時,網頁輸入框彈出安全提示,設置安全域名後,可以提高用戶體驗也能讓消費者放心。

Ⅳ js處理微信分享配置

整理一下通過h5做微信分享相關配置。

登錄微信公眾號, 獲取AppID , 配置白名單 ,然後 配置JS介面安全域名 。

登錄公眾號後,左側菜單欄選擇:開發 => 基本配置,直接復制開發者ID(AppID)即可:

注意使用公網IP

左側菜單欄選擇:設置 => 公眾號設置:

網頁授權主要是獲取微信openId使用,如果只是用分享操作,本步可以略過。

網頁授權介紹

大致步驟是:

在配置完前面AppId、白名單及安全域名後,開始處理網頁授權。
網頁授權這一塊兒內容主要是後端需要處理的內容較多,前端還是很簡單的,僅需要跳入微信鏈接即可。為什麼要走這一步呢因為有些操作,例如微信支付、播放微信錄音、獲取微信地址、微信卡券、商品、小店等等許多功能必須在微信瀏覽器匯總打開操作才可以,因此需要跳入微信瀏覽器及微信鏈接來處理後續操作。當配置後,鏈接便只有在微信瀏覽器中打開才會生效了,不然會提示:

鏈接如下:

https://open.weixin.qq.com/connect/oauth2/authorize?appid={$appId}&redirect_uri=={$URL}&response_type=code&scope=snsapi_base#wechat_redirect

參數分解

可見,上面需要填入的變數有二,一個是前面回去的AppId,另外一個則是url,需要寫的是與配置域名所對應域名下的url,並且要進行urlEncode編碼處理使用。

在拿到上述完整鏈接後,通過 window.location.href = ${url} 進行網頁授權即可。在授權成功後,頁面會重定向到自己設置的url頁面去,然後在該連接上會有code值,取出即可:

將拿到的code值傳給後端即可,看具體需求決定是否前端使用openId,如果非必要則不在前端獲取保存或者由後端加密後傳給前端使用。

大致分為五個步驟:

在步驟 1.3 中已經配置。

在需要調用JS介面的頁面引入如下JS文件: https://res.wx.qq.com/open/js/jweixin-1.6.0.js

備註:支持使用 AMD/CMD 標准模塊載入方法載入

配置需要如下幾個參數:

那這些參數從哪兒來呢?依舊不用擔心,依然是交給後端處理,後端返回時間戳、隨機串及簽名,其他的自己配置即可。

通過後端獲取需要進行一個小交互,將此時的鏈接地址(window.location.href)傳給後端即可。

於是就有了上述的除了最後一個以外的所有參數。最後一個 jsApiList 則是寫分享介面,如我們想要分享到朋友圈、QQ、騰訊微博這3個,那就寫:

可以發現,我們其實多配置了一個 checkJsApi ,這個是一個判斷配置,可以判斷當前客戶端版本是否支持指定JS介面。

簽名演算法
所有JS介面列表

接下來就可以寫分享信息配置了。配置信息一般都是通過 wx.ready 處理的:

例如我們要分享到朋友圈,配置則如下:

注意:不要出現 誘導分享

同樣,一般都是通過 wx.error 處理失敗相關信息:

其實微信分享(地理位置、掃一掃、卡券等微信各類介面)都是通過上述步驟配置的,可舉一反三,在面對不同需求時通過微信開發文檔來進行更為復雜的操作。

閱讀全文

與微信公眾號js相關的資料

熱點內容
怎樣把舊的文檔保存到桌面文件夾 瀏覽:827
wps雲數據如何恢復 瀏覽:496
微信發送過來文件 瀏覽:300
怎麼改合同網站 瀏覽:73
網路鬥地主記牌器怎麼實現的 瀏覽:377
ps鏡像文件製作教程 瀏覽:45
系統分頁文件大小設置多少 瀏覽:447
win10有線無法上網 瀏覽:339
wps無法訪問指定文件 瀏覽:96
iphone4震動壞了 瀏覽:217
安卓隨機數軟體rand 瀏覽:356
CNC編程如何掌握公差 瀏覽:297
linux搭建php環境 瀏覽:514
星形網路怎麼表示有故障 瀏覽:719
dbf文件c語言處理excel 瀏覽:138
金蝶kis支持win10嗎 瀏覽:113
常州採集物聯網大數據平台有哪些 瀏覽:950
win10休眠文件改到d盤 瀏覽:626
如何編程手機app軟體 瀏覽:656
node獲取文件名 瀏覽:367

友情鏈接