網站應用微信登入是基於OAuth2.0協議標準構建的微信OAuth2.0授權登入系統。

在進行微信OAuth2.在進行微信OAuth2.0授權登入接入之前，在微信開放平臺註冊開發者帳號，並擁有一個已稽核通過的網站應用，並獲得相應的AppID和AppSecret，申請微信登入且通過稽核後，可開始接入流程。

二、

授權流程：

微信OAuth2.0授權登入讓微信使用者使用微信身份安全登入第三方應用或網站，在微信使用者授權登入已接入微信OAuth2.0的第三方應用後，第三方可以獲取到使用者的介面呼叫憑證（access_token），通過access_token可以進行微信開放平臺授權關係介面呼叫，從而可實現獲取微信使用者基本開放資訊和幫助使用者實現基礎開放功能等。

微信OAuth2.0授權登入目前支援authorization_code模式，適用於擁有server端的應用授權。該模式整體流程為：

       1. 第三方發起微信授權登入請求，微信使用者允許授權第三方應用後，微信會拉起應用或重定向到第三方網站，並且帶上授權臨時票據code引數；

       2. 通過code引數加上AppID和AppSecret等，通過API換取access_token；

       3. 通過access_token進行介面呼叫，獲取使用者基本資料資源或幫助使用者實現基本操作。

第一步：獲取code

第三方使用網站應用授權登入前請注意已獲取相應網頁授權作用域（scope=snsapi_login），則可以通過在PC端開啟以下連結：

https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect

第二步：通過code獲取access_token

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
 

正確的返回：

重新整理access_token有效期

access_token是呼叫授權關係介面的呼叫憑證，由於access_token有效期（目前為2個小時）較短，當access_token超時後，可以使用refresh_token進行重新整理，access_token重新整理結果有兩種：

         1. 若access_token已超時，那麼進行refresh_token會獲取一個新的access_token，新的超時時間；

         2. 若access_token未超時，那麼進行refresh_token不會改變access_token，但超時時間會重新整理，相當於續期access_token。

         refresh_token擁有較長的有效期（30天），當refresh_token失效的後，需要使用者重新授權。

https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=APPID&grant_type=refresh_token&refresh_token=REFRESH_TOKEN

正確的返回：

第三步：通過access_token呼叫介面

獲取access_token後，進行介面呼叫，有以下前提：

1.  access_token有效且未超時；
2.  微信使用者已授權給第三方應用帳號相應介面作用域（scope）。

對於介面作用域（scope），能呼叫的介面有以下：

其中snsapi_base屬於基礎介面，若應用已擁有其它scope許可權，則預設擁有snsapi_base的許可權。使用snsapi_base可以讓移動端網頁授權繞過跳轉授權登入頁請求使用者授權的動作，直接跳轉第三方網頁帶上授權臨時票據（code），但會使得使用者已授權作用域（scope）僅為snsapi_base，從而導致無法獲取到需要使用者授權才允許獲得的資料和基礎功能。

JS微信登入主要用途：網站希望使用者在網站內就能完成登入，無需跳轉到微信域下登入後再返回，提升微信登入的流暢性與成功率。 網站內嵌二維碼微信登入JS實現辦法：

<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>

在需要使用微信登入的地方例項以下JS物件：

                          var obj = new WxLogin({
                              id:"login_container", 
                              appid: "", 
                              scope: "", 
                              redirect_uri: "",
                              state: "",
                              style: "",
                              href: ""
                            });