這兩天做微信分享的h5網頁，需要微信授權登入，獲取使用者的相關資訊。以前沒有做過相關的專案，所以做得相當不順利。網頁開發時的微信授權，首先公司要開通一個公眾號，然後需要配置相關的東西：

1. 微信網頁授權：用於獲取使用者針對於公眾號的唯一標識openid。但只能新增一個域名，通常把它設定為一級域名。網頁授權回撥域名，首先，在微信公眾號請求使用者網頁授權之前，開發者需要先到公眾平臺官網中的“開發 - 介面許可權 - 網頁服務 - 網頁帳號 - 網頁授權獲取使用者基本資訊”的配置選項中，修改授權回撥域名。請注意，這裡填寫的是域名（是一個字串），而不是URL，因此請勿加 http:// 等協議頭；其次，授權回撥域名配置規範為全域名
   ，比如需要網頁授權的域名為：www.qq.com，配置以後此域名下面的頁面http://www.qq.com/music.html 、 http://www.qq.com/login.html 都可以進行OAuth2.0鑑權。但http://pay.qq.com 、 http://music.qq.com 、 http://qq.com無法進行OAuth2.0鑑權；最後，如果公眾號登入授權給了第三方開發者來進行管理，則不必做任何設定，由第三方代替公眾號實現網頁授權即可。
2. JS介面安全域名：分享到朋友圈（js-sdk）時用上，此介面要求將當前的介面url加密後，才可以分享到朋友圈，需要呼叫微信分享功能的時候就需要配置這個域名。登入微信公眾平臺進入“公眾號設定”的“功能設定”裡填寫“JS介面安全域名”，一般JS介面安全域名跟網頁授權回撥域名是一致的。
3. 微信公眾號對應的AppId和Screct等。

在h5頁面上獲取code：

值得注意的是這裡的pageUrl，即當前頁面的地址一定要在我們配置的那個網頁授權回撥域名之下，而且這個頁面最好不需要埠號，直接用純域名或者純域名加上專案資料夾名稱就可訪問，也就是說後臺這個域名要設定一個預設的埠號。