微信公众号授权登录后报redirect_uri参数错误的问题

  在进行微信公众号二次开发的时候,需要通过授权码模式来进行微信授权。比如,在进行登录的时候,用户点击了登录按钮,然后弹出一个授权框,用户点击同意后,就可以获取用户的OpenId等信息了。这篇文章主要分享下配置过程和遇到的redirect_uri参数错误问题。
微信公众号授权登录后报redirect_uri参数错误的问题_第1张图片
等配置过程完毕,并且后端服务的问题都解决后,就会看到下面的授权框:
微信公众号授权登录后报redirect_uri参数错误的问题_第2张图片

一.服务器配置

服务器配置主要是服务器地址(URL),令牌(Token),消息加解密密钥,消息加解密方式:
微信公众号授权登录后报redirect_uri参数错误的问题_第3张图片
点击配置按钮后,根据实际情况填写如下:
微信公众号授权登录后报redirect_uri参数错误的问题_第4张图片
如果参数配置正确,那么提交后会有提交成功的提示。另外还需要把服务器IP地址配置在公众号开发信息->IP白名单中:
微信公众号授权登录后报redirect_uri参数错误的问题_第5张图片

二.公众号相关域名

  公众号相关域名包括网页授权域名,业务域名和JS接口安全域名。接下来主要讲解它们是为了解决什么问题,以及如何操作的。需要说明的是这3个域名的下载文件都是相同的,包括文件名和文件内容,因此只需要在域名根目录(即wwwroot目录)下上传一个就行了,然后就是分别配置域名。
微信公众号授权登录后报redirect_uri参数错误的问题_第6张图片

1.网页授权域名

网页授权域名主要是获取openid的时候使用。根据要求填写网页授权域名:
微信公众号授权登录后报redirect_uri参数错误的问题_第7张图片

2.业务域名

业务域名主要是防止输入框出现警告提醒的时候用。根据要求填写业务域名:
微信公众号授权登录后报redirect_uri参数错误的问题_第8张图片

3.JS接口安全域名

JS接口安全域名主要是使用jssdk的时候用。根据要求填写JS接口安全域名:
微信公众号授权登录后报redirect_uri参数错误的问题_第9张图片
公众号相关域名配置成功后,会有提交成功的提示。配置完毕后,公众号设置->功能设置如下:
微信公众号授权登录后报redirect_uri参数错误的问题_第10张图片

三.Vue项目IIS部署后,刷新页面404问题

Vue项目IIS部署启动后,再次刷新页面会报404。解决方案主要是安装和配置URL重写模块,配置如下:
微信公众号授权登录后报redirect_uri参数错误的问题_第11张图片

  微信公众号二次开发过程中还涉及其它的相关问题,当从https://demo.xxx.com/yyy/zzz跳转到https://demo.xxx.com:6666/aaa...时,会遇到跨域的设置。还有一些其它的问题,比如,如何实现ABP和Senparc库集成,如何把微信账号和系统账号打通,微信公众号中消息和事件的处理等。在开发的过程中微信公众平台接口调试工具[4]还是很好用的:
微信公众号授权登录后报redirect_uri参数错误的问题_第12张图片

参考文献:
[1]redirect_uri参数错误的解决办法:https://blog.csdn.net/zl54443...
[2]解决微信OAuth2.0网页授权只能设置一个回调域名的问题:https://github.com/HADB/GetWe...
[3]微信公众号网页授权:https://developers.weixin.qq....
[4]微信公众平台接口调试工具:https://mp.weixin.qq.com/debug

本文由mdnice多平台发布

你可能感兴趣的:(程序员)