一、微信公眾號授權登入——微信公眾平臺

微信授權登入，並呼叫後臺介面，獲取使用者資訊

1.網頁授權回撥域名

首先要在公眾平臺官網中的“開發 - 介面許可權 - 網頁服務 - 網頁帳號 - 網頁授權獲取使用者基本資訊”的配置選項中，修改授權回撥域名

2.關於網頁授權的兩種scope的區別說明

• 1、以snsapi_base為scope發起的網頁授權，是用來獲取進入頁面的使用者的openid的，並且是靜默授權並自動跳轉到回撥頁的。使用者感知的就是直接進入了回撥頁（往往是業務頁面）

• 2、以snsapi_userinfo為scope發起的網頁授權，是用來獲取使用者的基本資訊的。但這種授權需要使用者手動同意

  ，並且由於使用者同意過，所以無須關注，就可在授權後獲取該使用者的基本資訊。(H5頁面微信授權獲取使用者,註冊成為使用者id,可以做點贊關注等功能)

• 3、使用者管理類介面中的“獲取使用者基本資訊介面”，是在使用者和公眾號產生訊息互動或關注後事件推送後，才能根據使用者OpenID來獲取使用者基本資訊。這個介面，包括其他微信介面，都是需要該使用者（即openid）關注了公眾號後，才能呼叫成功的。

3.關於UnionID機制

• 1、請注意，網頁授權獲取使用者基本資訊也遵循UnionID機制。即如果開發者有在多個公眾號，或在公眾號、移動應用之間統一使用者帳號的需求，需要前往微信開放平臺（open.weixin.qq.com）繫結公眾號後，才可利用UnionID機制來滿足上述需求。
• 2、UnionID機制的作用說明：如果開發者擁有多個移動應用、網站應用和公眾帳號，可通過獲取使用者基本資訊中的unionid來區分使用者的唯一性，因為同一使用者，對同一個微信開放平臺下的不同應用（移動應用、網站應用和公眾帳號），unionid是相同的。

具體而言，網頁授權流程分為四步

• 1、引導使用者進入授權頁面同意授權，獲取code

• 2、通過code換取網頁授權access_token（與基礎支援中的access_token不同）

• 3、如果需要，開發者可以重新整理網頁授權access_token，避免過期

• 4、通過網頁授權access_token和openid獲取使用者基本資訊（支援UnionID機制）

前端：使用者同意授權，獲取code

• 必要條件：

  • appId 公眾號的唯一標識
  • redirect_uri 授權後重定向的回撥連結地址， 請使用 urlEncode 對連結進行處理
  • response_type code
  • scope 是 應用授權作用域，snsapi_base （不彈出授權頁面，直接跳轉，只能獲取使用者openid），snsapi_userinfo （彈出授權頁面，可通過openid拿到暱稱、性別、所在地。並且， 即使在未關注的情況下，只要使用者授權，也能獲取其資訊 ）
  • 必要引數： #wechat_redirect 無論直接開啟還是做頁面302重定向時候，必須帶此引數

• appSecreat (後臺需要，通過code換取網頁授權access_token)

  具體寫法

• 前端調起授權頁,當前微信使用者授權登陸
• 提供code，後臺獲取openid,然後再根據openid獲取unionid

var Jumpurl = encodeURIComponent(window.location.href);
var appid = "wx3d15e2600fa71eee3";
window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + 
appid + '&redirect_uri=' + Jumpurl + 
'&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect'

• 如果使用者同意授權，頁面將跳轉至 redirect_uri/?code=CODE&state=STATE
• 將code傳給後臺，繼續下一步驟

微信公眾官方文件：連結

二、PC端微信授權登入——微信開放平臺

接入網站應用開發，為使用者提供了微信登入功能(測試也可以通過稽核，主要是網站資訊登記表掃描件，網址改一下就行)
有兩種方式進行微信二維碼掃描登入

//第一種：直接跳轉一個連結頁面
通過在PC端直接開啟以下連結：
https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

//第二種：支援網站將微信登入二維碼內嵌到自己頁面中，使用者使用微信掃碼授權後通過JS將code返回給網站
<div id="wxqr" class="wxqr"></div>

//步驟1：在頁面中先引入如下JS檔案（支援https）：
http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js

//步驟2：在需要使用微信登入的地方例項以下JS物件：
var obj = new WxLogin({
    id:"wxqr", 
    appid: "wxb9e2238ff05c7bd7", 
    scope: "snsapi_login",
    redirect_uri: "https://test.2or3m.com/newWeb/binding_phone.html",
    state: "2or3m",
    style: "white"
});

使用者允許授權後，將會重定向到redirect_uri的網址上，並且帶上code和state引數
後臺拿到code再進行介面的呼叫獲取使用者資訊

微信開放平臺官方文件：連結