微信web开发本地微信web开发工具的调试 redirect_uri 参数错误

首先明确一点，就是微信web开发调试完全可以在内网条件下进行

比如我的本地的IP为：192.168.0.101

我测试用的是测试公众号

测试公众号的JS接口安全域名

授权回调页面域名

 

网页授权根据开发文档分为四个步骤

1 第一步：用户同意授权，获取code

2 第二步：通过code换取网页授权access_token

3 第三步：刷新access_token（如果需要）

4 第四步：拉取用户信息(需scope为 snsapi_userinfo)

5 附：检验授权凭证（access_token）是否有效

在确保微信公众账号拥有授权作用域（scope参数）的权限的前提下（服务号获得高级接口后，默认拥有scope参数中的snsapi_base和snsapi_userinfo），引导关注者打开如下页面：

我的uri为：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxc9756f26XXXXXXXX&redirect_uri=http%3A%2F%2F192.168.0.101%2Ffenxiao%2FweixinOauth2Controller.do%3FweChatOauth2Redirect&response_type=code&scope=snsapi_userinfo&state=2514#wechat_redirect

redirect_uri：http://192.168.0.101/fenxiao/weixinOauth2Controller.do?weChatOauth2Redirect

encode以后：http%3A%2F%2F192.168.0.101%2Ffenxiao%2FweixinOauth2Controller.do%3FweChatOauth2Redirect

在微信WEB开发工具访问显示如下：