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