1、至少需要兩個(gè)頁(yè)面,一個(gè)是授權(quán)入口頁(yè)面(這里我以index首頁(yè)為例),一個(gè)是webView頁(yè)面
?2、在index中跳轉(zhuǎn)到webView頁(yè)面
3、webView中的內(nèi)容很簡(jiǎn)單,就是一個(gè)<web-view>?</web-view> 組件,里面的src就是要前往授權(quán)的路徑,https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect
文檔:網(wǎng)頁(yè)授權(quán) | 微信開(kāi)放文檔
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-759635.html
4、參數(shù)介紹:
4.1 appid:為公眾號(hào)的appid,前期可以去申請(qǐng)測(cè)試公眾號(hào),地址:微信公眾平臺(tái)
4.2 redirect_uri:由后端提供,在這里面進(jìn)行授權(quán)
4.3?response_type:授權(quán)獲取到的code值,這里默認(rèn)為code,后端會(huì)根據(jù)這個(gè)code來(lái)獲取openId
4.4?scope:有兩種類型,snsapi_base和snsapi_userinfo,前者不需要用戶確認(rèn),后者需要,后者獲取到的用戶信息更加豐富,具體看網(wǎng)頁(yè)授權(quán) | 微信開(kāi)放文檔
4.5?state:為一個(gè)h5頁(yè)面的地址,后端會(huì)將獲取到的openId參數(shù)攜帶地址最后,授權(quán)后調(diào)用相關(guān)API自動(dòng)返回或手動(dòng)返回到小程序
5、第四點(diǎn)中的state參數(shù)中h5頁(yè)面內(nèi)的內(nèi)容
?
6、整體流程
1、進(jìn)入index首頁(yè)
2、自動(dòng)或手動(dòng)進(jìn)入到webView頁(yè)面?
3、webView中的src自動(dòng)跳轉(zhuǎn)進(jìn)行授權(quán)
4、進(jìn)入h5頁(yè)面
5、返回到小程序
7、注意點(diǎn):1、需要在測(cè)試公眾號(hào)內(nèi)手動(dòng)去配置第4步中redirect_uri參數(shù)的域名,2、h5頁(yè)面需要部署到服務(wù)器
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-759635.html
?
到了這里,關(guān)于小程序進(jìn)入webView進(jìn)行微信公眾號(hào)授權(quán)獲取用戶openId,用來(lái)判斷用戶是否關(guān)注與當(dāng)前小程序關(guān)聯(lián)的公眾號(hào)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!