微信公眾號獲取授權(quán)登錄機制
微信公眾號添加開發(fā)者
配置授權(quán)回調(diào)的頁面
在JS接口安全域名中，點擊修改來設(shè)置網(wǎng)頁的域名。安全域名只需要填寫域名或IP地址即可，不需要添加http，如或127.0.0.1，則在該域名下的頁面都能夠得到授權(quán)，而相關(guān)的二級或三級域名（）則無法獲得授權(quán)。
注 若填寫時增加了協(xié)議，如 或 ，頁面同樣可以獲得授權(quán)，但是會帶來一些未知的狀況，如用戶請求微信二次分享時，分享出來的描述和圖片無法正確顯示。
當填寫的網(wǎng)址通過了微信公眾平臺的安全監(jiān)測時，即說明該域名已經(jīng)配置成功了。
1、首先你要成為所要開發(fā)的公眾號的開發(fā)者，在微信公眾平臺--開發(fā)者工具--web開發(fā)者工具中將自己的微信號綁定為開發(fā)者；
2、然后在微信公眾平臺--基本配置中，啟用開發(fā)者密碼()，然后將開發(fā)者ID和密碼都保存好；ip白名單按照要求配置好就行；
3、在微信公眾平臺--公眾號設(shè)置--功能設(shè)置中按照要求配置好js接口安全域名和網(wǎng)頁授權(quán)域名，注意js接口安全域名，每個月只能改3次，配置的時候一點要注意，最好一次把開發(fā)環(huán)境、測試環(huán)境和線上環(huán)境都配置好，然后把網(wǎng)頁授權(quán)域名配置為開發(fā)環(huán)境，方便調(diào)試；
授權(quán)登錄方式有兩個，一種為靜默授權(quán)登錄（=），一種為非靜默授權(quán)登錄（=），區(qū)別為靜默授權(quán)是靜默授權(quán)并自動跳轉(zhuǎn)到回調(diào)頁的。
用戶感知的就是直接進入了回調(diào)頁（往往是業(yè)務(wù)頁面）特點：用戶無感知,但是只能獲取到用戶的唯一標示和 id，無法拿到用戶的微信頭像、微信名稱等個人信息；
非靜默授權(quán)這種授權(quán)需要用戶手動同意，并且由于用戶同意過，所以無須關(guān)注，就可在授權(quán)后獲取該用戶的基本信息。
網(wǎng)頁授權(quán)流程分為四步：
1、引導用戶進入授權(quán)頁面同意授權(quán)，獲取code
2、通過code換取網(wǎng)頁授權(quán)（與基礎(chǔ)支持中的不同）
3、如果需要，開發(fā)者可以刷新網(wǎng)頁授權(quán)，避免過期
4、通過網(wǎng)頁授權(quán)和獲取用戶基本信息（支持機制）
注釋：官方
：就是通過后端獲取回來的公眾號。
：就是當前頁面地址，前端可以使用(..href.("#")[0])方法獲取。
：默認code方式
：有，兩種。
：不彈出授權(quán)頁面，只能獲取。
：彈出授權(quán)彈窗，可以通過獲取到相關(guān)信息。
：重定向之后會帶上參數(shù)
#: 頁面直接打開還是做頁面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)地址加問號：
=..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 訪問也可以ip訪問
port: 80, //80相當于沒有端口
}修改后運行
記得把文中的 .改為自己公眾號的
= ‘’; //微信公眾號后臺設(shè)置的地址(也就是拿到code之后跳轉(zhuǎn)到的頁面 例如: ) 一定要加
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;
}參考代碼
