??在進行微信公眾號二次開發的時候,需要通過授權碼模式來進行微信授權。比如,在進行登錄的時候,用戶點擊了登錄按鈕,然后彈出一個授權框,用戶點擊同意后,就可以獲取用戶的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重寫模塊,配置如下:
??微信公眾號二次開發過程中還涉及其它的相關問題,當從https://demo.xxx.com/yyy/zzz跳轉到https://demo.xxx.com:6666/aaa/bbb時,會遇到跨域的設置。還有一些其它的問題,比如,如何實現ABP和Senparc庫集成,如何把微信賬號和系統賬號打通,微信公眾號中消息和事件的處理等。在開發的過程中微信公眾平臺接口調試工具[4]還是很好用的:
參考文獻:
[1]redirect_uri參數錯誤的解決辦法:https://blog.csdn.net/zl544434558/article/details/46785565
[2]解決微信OAuth2.0網頁授權只能設置一個回調域名的問題:https://github.com/HADB/GetWeixinCode
[3]微信公眾號網頁授權:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
[4]微信公眾平臺接口調試工具:https://mp.weixin.qq.com/debug