微信公眾號授權登錄後報redirect_uri參數錯誤的問題

• 2022 年 7 月 28 日
• 筆記

  在進行微信公眾號二次開發的時候，需要通過授權碼模式來進行微信授權。比如，在進行登錄的時候，用戶點擊了登錄按鈕，然後彈出一個授權框，用戶點擊同意後，就可以獲取用戶的OpenId等資訊了。這篇文章主要分享下配置過程和遇到的redirect_uri參數錯誤問題。

等配置過程完畢，並且後端服務的問題都解決後，就會看到下面的授權框：

一.伺服器配置

伺服器配置主要是伺服器地址(URL)，令牌(Token)，消息加解密密鑰，消息加解密方式：

點擊配置按鈕後，根據實際情況填寫如下：

如果參數配置正確，那麼提交後會有提交成功的提示。另外還需要把伺服器IP地址配置在公眾號開發資訊->IP白名單中：

二.公眾號相關域名

  公眾號相關域名包括網頁授權域名，業務域名和JS介面安全域名。接下來主要講解它們是為了解決什麼問題，以及如何操作的。需要說明的是這3個域名的下載文件都是相同的，包括文件名和文件內容，因此只需要在域名根目錄(即wwwroot目錄)下上傳一個就行了，然後就是分別配置域名。

1.網頁授權域名

網頁授權域名主要是獲取openid的時候使用。根據要求填寫網頁授權域名：

2.業務域名

業務域名主要是防止輸入框出現警告提醒的時候用。根據要求填寫業務域名：

3.JS介面安全域名

JS介面安全域名主要是使用jssdk的時候用。根據要求填寫JS介面安全域名：

公眾號相關域名配置成功後，會有提交成功的提示。配置完畢後，公眾號設置->功能設置如下：

三.Vue項目IIS部署後，刷新頁面404問題

Vue項目IIS部署啟動後，再次刷新頁面會報404。解決方案主要是安裝和配置URL重寫模組，配置如下：

  微信公眾號二次開發過程中還涉及其它的相關問題，當從//demo.xxx.com/yyy/zzz跳轉到//demo.xxx.com:6666/aaa/bbb時，會遇到跨域的設置。還有一些其它的問題，比如，如何實現ABP和Senparc庫集成，如何把微信帳號和系統帳號打通，微信公眾號中消息和事件的處理等。在開發的過程中微信公眾平台介面調試工具[4]還是很好用的：

參考文獻：
[1]redirect_uri參數錯誤的解決辦法：//blog.csdn.net/zl544434558/article/details/46785565
[2]解決微信OAuth2.0網頁授權只能設置一個回調域名的問題：//github.com/HADB/GetWeixinCode
[3]微信公眾號網頁授權：//developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
[4]微信公眾平台介面調試工具：//mp.weixin.qq.com/debug