H5公眾號怎么獲取openid


最近在自己做h5公眾號的項目,具體的步驟如下 :

1. 在公眾號后臺設置回調(diào)的域名,url?

? 開發(fā)-接口權(quán)限-網(wǎng)頁賬號-用戶授權(quán)獲取用戶基礎(chǔ)信息中修改

切記切記,在公眾號配置的appid必須一致,包括后臺獲取的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: 當時這一步走了很多彎路,以為是http請求,結(jié)果只用在地址欄輸入以上地址就好,比如我是vue寫的項目

寫在mounted或者methods里(建議寫在mounted)

輸入完在微信打開后會請求授權(quán),之后就會跳轉(zhuǎn)到所填寫的回調(diào)url。注意跳轉(zhuǎn)的是線上地址,所以我開始也在苦惱??怎么調(diào)試~~? 不用擔心,解決辦法總是有的

有個調(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)試了。會看到返回了code

3.?根據(jù)code獲取到網(wǎng)頁授權(quán)access_token(此token不是基礎(chǔ)服務里的access_token,請記得區(qū)分),返回值內(nèi)就含有openId。 不過我們是將code參數(shù)傳過去調(diào)取后端getopenid這個接口,返回openId。具體看后端怎么獲取了

4. 根據(jù)openId就可以獲取用戶基本信息了。 openId存在本地緩存,這樣不用每次都需要授權(quán),如果存在openId就直接進入公眾號~

以上的就是我的經(jīng)驗跟注意細節(jié)啦~希望能幫到大家?

祝?大家 萬圣節(jié) ?? 快樂 ……(^_^)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容