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