H5微信登录回调在本地测试

H5微信登录，开发过程中需要本地联调，本地环境不支持会导致跨域问题，所以我们需要修改ip映射及端口映射来实现本地联调开发微信登录。
1、ip映射域名，通过修改host文件，自己起一个域名映射到127.0.0.1上

sudo vi /etc/hosts
输入你的密码
i   （进入编辑模式）
127.0.0.1    localhost
127.0.0.1    test.test.com  （域名可以自定不要与现有的域名冲突即可）

截屏2020-05-26下午2.10.31.png

[esc]，再输入:wq!保存退出
避免错误，最好是再清除一次浏览器的cache

2、本地开发端口映射
在Mac上，1024以下的端口，我们都无法使用，所以需要通过端口映射的方式，将80端口映射到你需要调试的项目的端口上。
(1) 修改/etc/pf.conf

sudo vim /etc/pf.conf

pf.conf是对顺序强要求的， 所以注意添加的内容放的顺序

rdr-anchor "com.apple/*"
rdr on lo0 inet proto tcp from any to 127.0.0.1 port 80 -> 127.0.0.1 port 8091

1575627264981.jpg

(2) lo0 通过ifconfig 看自己那个设备绑定的是127.0.0.1, lo0是这个网络设备的名字。 修改好pf.conf之后执行一下命令，让端口转发生效

sudo pfctl -d
sudo pfctl -f /etc/pf.conf
sudo pfctl -e

重启一下你的项目，用微信开发者工具打开你刚刚映射的http://test.test.com域名即可，Ok enjoy it。