3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

时间:2022-02-22 15:15:29

  微信公众号的开发,要搭建网站,并且随时都有可能修改网站内容进行调试,这就需要临时外网能返回本地开发环境搭建的项目进行测试,即内网映射到公网,但是好多开发者没有自己的域名和服务器,这里我们先来搭建一个本地代理环境把服务器地址变为外网能访问的地址。

  下面是我对内网映射外网的方法进行的一下简单总结:

  1 ngrok映射工具(失效)

  2 nodejs的localtunnel服务(虚拟域名,随机生成,总是变化,不方便)

  3 www.tunnel.mobl(失效)

  4 QQ浏览器微信调试工具(已下架)

  5 花生壳客户端--收费(Windows、Linux、树莓派、网页版),我电脑是mac的,没有对应客户端,所以没有选用这款工具


  6 pagekite(http://pagekite.net/)--收费 31天试用:我们进入他的官网,可以看到,它支持很多平台,我要使用的是mac平台的,点mac切换到安装命令提示上:

       3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    安装提示打开终端执行命令,先执行第一行命令,完成后执行第二行,注意第二行中80,是你要使用的端口号,yourname是你的域名,第二条命令执行后,按照终端提示进行操作就可以了,提示注册产品是输入Y,提示填写邮箱时,最好填写真是邮箱然,之后记得去邮箱激活一下,提示继续时输入Y即可,提示保存设置时也输入Y。然后我们可以看到如下截图,图中蓝字即为本地端口号映射到外网的地址:

   

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    打开注册邮箱,点击右键进行激活,可以看到,我的试用期是31天~

    3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    激活后,终端会有提示信息:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    现在我们来测试一下,我在我的桌面,新建里一个test的文件夹,里面放了一个html文件,提示信息为Hello World,我们新开一个终端窗口使用python命令来启动服务:

    $ python -m SimpleHTTPServer 3100

    3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    然后打开浏览器,在地址栏输入:http://localhost:3100/,可以看到我们的测试页面:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    打开本地端口号映射到外网的地址,我们也可以看到测试页面:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    证明使用pagekite,已经成功将内网穿透到了外网~~

    按control+C,可以退出pagekite,再次登录,执行命令$ pagekite.py即可(再次登陆系统会自动进入上次登陆的账号,自动完成网络映射)。


  7 NATAPP(https://natapp.cn/)--有2条免费隧道

    这里我要先说明一点,官网提示信息如下:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    我下面说的是免费隧道的使用方法,不能用于微信开发,如果有兴趣的同学,可以看看。

    先进入官网进行用户注册,注册完成后,下载客户端:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    下载完成后解压,然后打开终端,输入命令:

      打开终端进入natapp目录,执行 $ chmod a+x natapp

      然后接着执行 $ ./natapp

       结果如图所示:3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    看到认证错误的提示信息,前面,我们已经进行了注册,但是那时,我没有申请免费隧道,现在,进入官网系统申请一个免费隧道,入口在购买通道菜单里,按照提示完成即可。注意隧道协议要选择Web。

     现在,我已经拥有了一条免费隧道:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    点击上图中的蓝色按钮--「点击复制」,赋值authtoken值,然后进入终端,输入命令:./natapp -authtoken=YourAuthtokenValue,执行成功,会看到如下界面:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    因为在配置pagekite的时候,我把测试页面放在了3100端口下,并用Python启动了服务,这里我图个省事,也是把natapp的端口设置在了3100,从上图中,可以看到,tunnel status 为online,这是,我们来看一眼,本地地址与外网地址页面:

    3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    napapp已经配置成功了。

    按control+C退出,重新启动,执行命令./natapp -authtoken=YourAuthtokenValue

    (我写的过程比较简略,大家也可以参考这篇文章:https://natapp.cn/article/natapp_newbie)


  8 魔法隧道(http://www.mofasuidao.cn/)--有2条免费隧道

    进入魔法隧道官网,注册后登录,在用户控制中心,新建隧道,隧道信息可根据自己需要自行填写:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    创建完成后,可以在控制中心看到隧道列表:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    然后点击下载,到下载页面下载自己平台所需的客户端:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    我下载的是mac版的,下载后,我默认放到了桌面,打开终端,进入桌面目录,执行命令:

      $ chmod a+x mofaisuidao

      $ ./mofasuidao tokenValue

    上面命令行里的tokenValue为隧道token。

    看到下图则说明隧道已启动:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    这里我依然用3100端口做测试,可以看到成的页面效果如下:

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

3 微信开发本地代理环境的搭建--实现将内网ip映射到外网

    按control+C退出,执行命令$ ./mofasuidao tokenValue 启动隧道。

    魔法隧道官网,也提供了一篇文章,为使用魔法隧道提供帮助,大家也可以作为参考:http://www.mofasuidao.cn/rest/page/help

  到这里,我已知的内网映射外网的工具以及使用方法,已经总结完了,一方面,可以给自己备份下操作过程,另一方面,也希望给需要的同学提供一点参考,如果以后我知道了新的工具,也会补充到文章中的。