微信登陸首先要明白本身的項目具體實施的地點案例在哪裏。html
有關公衆號的微信登陸須要查看微信公衆平臺官方文檔前端
按照文檔進行公衆號受權登陸。api
1.在微信公衆號請求用戶網頁受權以前,開發者須要先到公衆平臺官網中的「開發 - 接口權限 - 網頁服務 - 網頁賬號 - 網頁受權獲取用戶基本信息」的配置選項中,修改受權回調域名。請注意,這裏填寫的是域名(是一個字符串),而不是URL,所以請勿加 http:// 等協議頭;bash
二、受權回調域名配置規範爲全域名,好比須要網頁受權的域名爲:www.qq.com,配置之後此域名下面的頁面http://www.qq.com/music.html 、 www.qq.com/login.html 均可以進行OAuth2.0鑑權。但http://pay.qq.com 、 music.qq.com 、 qq.com沒法進行OAuth2.0鑑權微信
一、以snsapi_base爲scope發起的網頁受權,是用來獲取進入頁面的用戶的openid的,而且是靜默受權並自動跳轉到回調頁的。用戶感知的就是直接進入了回調頁(每每是業務頁面)app
二、以snsapi_userinfo爲scope發起的網頁受權,是用來獲取用戶的基本信息的。但這種受權須要用戶手動贊成,而且因爲用戶贊成過,因此無須關注,就可在受權後獲取該用戶的基本信息。微信公衆平臺
三、用戶管理類接口中的「獲取用戶基本信息接口」,是在用戶和公衆號產生消息交互或關注後事件推送後,才能根據用戶OpenID來獲取用戶基本信息。這個接口,包括其餘微信接口,都是須要該用戶(即openid)關注了公衆號後,才能調用成功的。測試
注意:編碼
a.微信公衆平臺內測試號不穩定,有時可使用大多數狀況下不可以使用,建議直接使用本身的域名進行調試。url
b.微信公衆號須要是已經認證過的服務號。
c.重定向的域名連接須要使用urlencode進行編碼。
具體內容請看微信網頁受權
前端微信公衆號受權登陸代碼:
window.location.href = ' https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=url&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect'
複製代碼