微信公眾號(hào)獲取授權(quán)登錄機(jī)制
微信公眾號(hào)添加開發(fā)者
配置授權(quán)回調(diào)的頁(yè)面
在JS接口安全域名中，點(diǎn)擊修改來(lái)設(shè)置網(wǎng)頁(yè)的域名。安全域名只需要填寫域名或IP地址即可，不需要添加http，如或127.0.0.1，則在該域名下的頁(yè)面都能夠得到授權(quán)，而相關(guān)的二級(jí)或三級(jí)域名（）則無(wú)法獲得授權(quán)。
注 若填寫時(shí)增加了協(xié)議，如 或 ，頁(yè)面同樣可以獲得授權(quán)，但是會(huì)帶來(lái)一些未知的狀況，如用戶請(qǐng)求微信二次分享時(shí)，分享出來(lái)的描述和圖片無(wú)法正確顯示。
當(dāng)填寫的網(wǎng)址通過(guò)了微信公眾平臺(tái)的安全監(jiān)測(cè)時(shí)，即說(shuō)明該域名已經(jīng)配置成功了。
1、首先你要成為所要開發(fā)的公眾號(hào)的開發(fā)者，在微信公眾平臺(tái)--開發(fā)者工具--web開發(fā)者工具中將自己的微信號(hào)綁定為開發(fā)者；
2、然后在微信公眾平臺(tái)--基本配置中，啟用開發(fā)者密碼()，然后將開發(fā)者ID和密碼都保存好；ip白名單按照要求配置好就行；
3、在微信公眾平臺(tái)--公眾號(hào)設(shè)置--功能設(shè)置中按照要求配置好js接口安全域名和網(wǎng)頁(yè)授權(quán)域名，注意js接口安全域名，每個(gè)月只能改3次，配置的時(shí)候一點(diǎn)要注意，最好一次把開發(fā)環(huán)境、測(cè)試環(huán)境和線上環(huán)境都配置好，然后把網(wǎng)頁(yè)授權(quán)域名配置為開發(fā)環(huán)境，方便調(diào)試；
授權(quán)登錄方式有兩個(gè)，一種為靜默授權(quán)登錄（=），一種為非靜默授權(quán)登錄（=），區(qū)別為靜默授權(quán)是靜默授權(quán)并自動(dòng)跳轉(zhuǎn)到回調(diào)頁(yè)的。
用戶感知的就是直接進(jìn)入了回調(diào)頁(yè)（往往是業(yè)務(wù)頁(yè)面）特點(diǎn)：用戶無(wú)感知,但是只能獲取到用戶的唯一標(biāo)示和 id，無(wú)法拿到用戶的微信頭像、微信名稱等個(gè)人信息；
非靜默授權(quán)這種授權(quán)需要用戶手動(dòng)同意，并且由于用戶同意過(guò)，所以無(wú)須關(guān)注，就可在授權(quán)后獲取該用戶的基本信息。
網(wǎng)頁(yè)授權(quán)流程分為四步：
1、引導(dǎo)用戶進(jìn)入授權(quán)頁(yè)面同意授權(quán)，獲取code
2、通過(guò)code換取網(wǎng)頁(yè)授權(quán)（與基礎(chǔ)支持中的不同）
3、如果需要，開發(fā)者可以刷新網(wǎng)頁(yè)授權(quán)，避免過(guò)期
4、通過(guò)網(wǎng)頁(yè)授權(quán)和獲取用戶基本信息（支持機(jī)制）
注釋：官方
：就是通過(guò)后端獲取回來(lái)的公眾號(hào)。
：就是當(dāng)前頁(yè)面地址，前端可以使用(..href.("#")[0])方法獲取。
：默認(rèn)code方式
：有，兩種。
：不彈出授權(quán)頁(yè)面，只能獲取。
：彈出授權(quán)彈窗，可以通過(guò)獲取到相關(guān)信息。
：重定向之后會(huì)帶上參數(shù)
#: 頁(yè)面直接打開還是做頁(yè)面302都必須帶此參數(shù)
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirectvue 代碼
vue代碼
跳轉(zhuǎn)第三方回調(diào)地址加問(wèn)號(hào)：
=..href.("");
=..href;
href=href.(0,len)+"?a";
用微信開發(fā)者工具調(diào)試 host里面設(shè)置代理
127.0.0.1 localhost
localhost 127.0.0.1
127.0.0.1 www.rioyi.com //你想要的代理地址文件目錄中下的.js修改
dev: {
host: 'wx.aserxxx.com', // 寫成0.0.0.0的話 你既可已localhost 訪問(wèn)也可以ip訪問(wèn)
port: 80, //80相當(dāng)于沒(méi)有端口
}修改后運(yùn)行
記得把文中的 .改為自己公眾號(hào)的
= ‘’; //微信公眾號(hào)后臺(tái)設(shè)置的地址(也就是拿到code之后跳轉(zhuǎn)到的頁(yè)面 例如: ) 一定要加
export function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}參考代碼
