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。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 做微信公众号开发,用到了微信js-sdk的几个方法,比如手机相机拍摄照片,上传照片uploadImage等接口。这...
    wfeidan阅读 9,382评论 1 3
  • 简介 用简单的话来定义tcpdump,就是:dump the traffic on a network,根据使用者...
    保川阅读 11,176评论 1 13
  • 简介 用简单的话来定义tcpdump,就是:dump the traffic on a network,根据使用者...
    JasonShi6306421阅读 4,996评论 0 1
  • 1. 概述 在网络环境中一般用户只需要在浏览器中输入url如www.sunny.com就可以到对应服务器获取相应的...
    ghbsunny阅读 8,357评论 0 7
  • 在写样式文件的时候,会遇到浏览器hack 问题 “_”是IE6专有的hack“+”是IE7的“\9” IE6/IE...
    新新_6261阅读 5,569评论 0 0