最近在自己做h5公眾號(hào)的項(xiàng)目,具體的步驟如下 :
1. 在公眾號(hào)后臺(tái)設(shè)置回調(diào)的域名,url?
? 開發(fā)-接口權(quán)限-網(wǎng)頁賬號(hào)-用戶授權(quán)獲取用戶基礎(chǔ)信息中修改
切記切記,在公眾號(hào)配置的appid必須一致,包括后臺(tái)獲取的openid接口需要的appid
2. 在地址欄輸入?https://open.weixin.qq.com/connect/oauth2/authorize?appid=*******&redirect_uri=你回調(diào)的地址&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect
ps: 當(dāng)時(shí)這一步走了很多彎路,以為是http請求,結(jié)果只用在地址欄輸入以上地址就好,比如我是vue寫的項(xiàng)目

輸入完在微信打開后會(huì)請求授權(quán),之后就會(huì)跳轉(zhuǎn)到所填寫的回調(diào)url。注意跳轉(zhuǎn)的是線上地址,所以我開始也在苦惱??怎么調(diào)試~~? 不用擔(dān)心,解決辦法總是有的
有個(gè)調(diào)試插件Vconsole,我在vue的main.js里? !isDev && new Vconsole();
或者import:
```
import VConsole from 'vconsole/dist/vconsole.min.js'? ? ? ?//import vconsole
let vConsole = new VConsole()???????? // 初始化
```
這樣,跳轉(zhuǎn)之后就可以看到返回里什么 ha ha ??梢栽诰€調(diào)試了。會(huì)看到返回了code
3.?根據(jù)code獲取到網(wǎng)頁授權(quán)access_token(此token不是基礎(chǔ)服務(wù)里的access_token,請記得區(qū)分),返回值內(nèi)就含有openId。 不過我們是將code參數(shù)傳過去調(diào)取后端getopenid這個(gè)接口,返回openId。具體看后端怎么獲取了
4. 根據(jù)openId就可以獲取用戶基本信息了。 openId存在本地緩存,這樣不用每次都需要授權(quán),如果存在openId就直接進(jìn)入公眾號(hào)~
以上的就是我的經(jīng)驗(yàn)跟注意細(xì)節(jié)啦~希望能幫到大家?
祝?大家 萬圣節(jié) ?? 快樂 ……(^_^)