1:閱讀微信公眾號開發(fā)文檔是第一步,請先閱讀公眾號開發(fā)文檔
2:網(wǎng)頁授權(quán)頁面域名的配置荧降,例如你配置為www.123.com接箫。那么你的回調(diào)頁面也必須在這個(gè)域名之下。
3:兩種不同的授權(quán)方式朵诫,靜默授權(quán)(用戶無感知)和彈出授權(quán)(彈窗授權(quán)頁辛友,用戶必須點(diǎn)擊同意)
3.1、以snsapi_base為scope發(fā)起的網(wǎng)頁授權(quán)剪返,是用來獲取進(jìn)入頁面的用戶的openid的废累,并且是靜默授權(quán)并自動跳轉(zhuǎn)到回調(diào)頁的。用戶感知的就是直接進(jìn)入了回調(diào)頁(往往是業(yè)務(wù)頁面)
3.2脱盲、以snsapi_userinfo為scope發(fā)起的網(wǎng)頁授權(quán)邑滨,是用來獲取用戶的基本信息的。但這種授權(quán)需要用戶手動同意钱反,并且由于用戶同意過掖看,所以無須關(guān)注,就可在授權(quán)后獲取該用戶的基本信息面哥。
3.3哎壳、用戶管理類接口中的“獲取用戶基本信息接口”,是在用戶和公眾號產(chǎn)生消息交互或關(guān)注后事件推送后尚卫,才能根據(jù)用戶OpenID來獲取用戶基本信息归榕。這個(gè)接口,包括其他微信接口吱涉,都是需要該用戶(即openid)關(guān)注了公眾號后刹泄,才能調(diào)用成功的。
4:因個(gè)人開發(fā)情況不同對應(yīng)的情況也有些許變化
后端處理域名授權(quán)并返回情況下:
前端處理情況下可有兩種方法處理:
情況一:公眾號后臺配置菜單怎爵,可直接在菜單處加授權(quán)回調(diào)鏈接:https://open.weixin.qq.com/connect/oauth2/authorize?appid=**************&redirect_uri=*************&response_type=code&scope=snsapi_userinfo&state=123&connect_redirect=1#wechat_redirect
此時(shí)點(diǎn)擊菜單自動回調(diào)特石,并將code值傳入url中,再手動截取url中的code鳖链,去后端換取所需數(shù)據(jù)
情況二:公眾號菜單先進(jìn)入某個(gè)頁面县匠,在頁面加載時(shí)再進(jìn)行授權(quán)操作,此時(shí)需要需要主動調(diào)用授權(quán)回調(diào)鏈接撒轮,并截取url中的code,再去后端換取所需數(shù)據(jù)
截取code的方法如下:
getUrlCode(){
? ? ? ? ? ? // 截取url中的code方法
? ? ? ? ? ? var url = location.search;
? ? ? ? ? ? this.winUrl = url;
? ? ? ? ? ? var theRequest = new Object();
? ? ? ? ? ? if (url.indexOf("?") != -1) {
? ? ? ? ? ? ? ? var str = url.substr(1);
? ? ? ? ? ? ? ? var strs = str.split("&");
? ? ? ? ? ? ? ? for(var i = 0; i < strs.length; i ++) {
? ? ? ? ? ? ? ? ? ? theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1])
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ? return theRequest
? ? ? ? },
獲取code :getUrlCode().code