微信网页授权---redirect_uri域名与后台配置不一致（前端搭建本地服务以及配置）

1.启服务

1.安装xmapp
根据提示一步步安装就好
成功后打开

image.png

2.启动服务
我使用的是Apache的服务
将项目移到该目录下（注意：入口文件要放在一级目录下）

image.png

3.准备配置域名的文件
将htdocs目录下的index.php文件内容做如下修改
[图片上传中...(image.png-35c140-1562494489578-0)]
在该目录下新建index2.php
内容如下：

2.内网穿透

启服务后要保证外网可以访问到，所以要使用穿透
1.登录natapp网站（https://natapp.cn/）注册一个账号
2.购买一个隧道
如果是http协议使用免费隧道就可以，https协议要购买
3.如图填写自己的地址，端口号随意，保存

image.png

4.将authtoken复制下来,先保存着，下面会用到

image.png

5.下载客户端natapp.exe( https://natapp.cn/#download)
6.桌面---右击---属性---高级系统设置---环境变量----系统变量---path---编辑---将natapp客户端地址复制下来追加到path里（我的客户端在桌面的natappwenjianjia文件夹下
C:\Users\Administrator\Desktop\natappwenjianjia）---完成后点击确定。确定

image.png

7.window下window+R输入cmd运行命令

natapp -authtoken=刚复制的authtoken

8.成功后会出现如下界面,代表穿透成功，此时你的应用的 ip地址 就是http://sdahsd.natappfree.cc

image.png

现在外网通过访问这个地址也能访问到你的服务了

3.配置域名

1.打开微信公众平台---开发---基本配置---服务器配置---将服务器地址改为刚刚内网穿透后的IP/index2.php，
token按提示随意写，但是这个token要跟上面ndex2.php中的“你的token”一致，密钥直接生成就可以，然后提交
2.进入公众号开发配置将授权网页
将内网穿透后的IP填写进去
注意按照提示下载txt放到与入口文件同级目录下（也就是htdocs目录下）

4.

image.png