首頁，要在公眾號后臺進行配置

用管理員/開發(fā)人員的賬號，登錄“微信公眾平臺”：https://mp.weixin.qq.com/

1、打開 【設(shè)置與開發(fā)】 -【開發(fā)者工具】 -【web開發(fā)者工具】

2、配置網(wǎng)站域名，就是上線后的后端接口域名，下方圖片中的業(yè)務域名、js接口安全域名、網(wǎng)頁授權(quán)域名 ，都需要配置

3、添加開發(fā)者微信號，然后必須在“微信開發(fā)者工具”登錄這個賬號，才能進行本地調(diào)試

要求要關(guān)注“公眾平臺安全助手”公眾號，且不能開免打擾

本地調(diào)試(微信開發(fā)者工具)

配置公眾號平臺的測試賬號、調(diào)試

在【設(shè)置與開發(fā)】-【開發(fā)者工具】-【公眾平臺測試賬號】，點進去。

在這里，微信官方提供了一個測試號，本地調(diào)試的話，先這個測試號來調(diào)網(wǎng)頁授權(quán)功能。后期部署到線上，再換成自己的公眾號的appId和配置線上后端的域名，這是后面本地調(diào)試沒問題了，再放到線上到這一步。

在下方找到【網(wǎng)站授權(quán)獲取用戶基本信息】，點修改，輸入你本地啟動的項目IP地址了，注意，只輸入IP，不要輸入http://，也不要端口，默認端口是80

這是因為微信重定向不支持帶端口的訪問域名，配置80端口，就可以只輸入網(wǎng)址，所以啟動的項目端口也必須設(shè)置成80端口

最后一步，調(diào)試：打開微信開發(fā)者工具 -> 公眾號網(wǎng)頁項目 -> 在地址欄中輸入啟動后的地址

代碼

window.location. +
        "http://192.168.03.130/${這里可以拼你要跳轉(zhuǎn)的路由，不拼則默認跳到首頁，例如/pages/home}" +
        "&response_type=code&scope=snsapi_base#wechat_redirect";

到最后會跳轉(zhuǎn)到 /pages/bindPhone?code=CODE&state=123我們做這些授權(quán)的目的就是為了得到code，code這個玩意就是得到access_token的敲門磚，code每次授權(quán)都不一樣，每次的code只能使用一次，5分鐘過期

拿到code之后，就可以跟后端換token了~

一般會把獲取code 和 授權(quán)跳轉(zhuǎn)到 https://open.weixin.qq.com 寫在同一個頁面的第一個生命周期里，有code時，就去換token，沒有code就去授權(quán)

總結(jié) 

到此這篇關(guān)于微信公眾號靜默網(wǎng)頁授權(quán)(前端開發(fā)、本地調(diào)試及上線)的文章就介紹到這了,更多相關(guān)微信公眾號靜默網(wǎng)頁授權(quán)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論