前端内网穿透localtunnel和natapp

做为前端开发，远程测试是必不可少的。不少时候为了方便咱们每每只作内网测试，即同个局域网内，经过localhost或者127.0.0.1便可访问您正在开启的服务。但有些功能必须使用外网才能完成测试，但又不能为了一个测试去搭建一个外网服务器。可使用内网穿透工具，本地开启的服务器，外网能够访问。

localtunnel （国外网）

Localtunnel 是一个可让内网服务器暴露到公网上的开源项目

1. 安装 , 基于nodejs环境， 从npm全局安装便可

$ npm install -g localtunnel

2. 开启本地服务器

$ localhost:8080

开启本地服务器方法不少种 , 如 apache , nginx , IIS ; 

nodejs  ： express , webpack 构建工具等php : $ php -S localhost:8080laravel : $ php artisan serve 8080python3 : $ python -m http.server 8080python2 :  $ python -m SimpleHTTPServer 8080复制代码

3.  开启localtunnel服务

    1）指定的端口号 --port 8000 必须与 localhost的8000相对应

    2）--subdomain mitu : 指定前缀为 mitu

    3） lt 为localtunnel 缩写

4. 最后, 在外网浏览器输入 https://mitu.localtunnel.me 便可访问本地的localhost:8000， 须要注意的是，localtunnel的服务器是国外，有时候访问可能不太理想

natapp （国内网站）

官网： natapp.cn/  , 进入官网后注册帐号登陆

1.  进入用户中心

2. 能够购买不一样的隧道，有不一样的功能， 如绑定本身的域名，都有详细介绍., 简单的测试建议使用免费隧道。 购买隧道后在“个人隧道”有详细信息，注意authtoken，一会配置客户端时使用, 

3. 最右边进入“配置”， 可配置指定的端口，默认80

4. 下载 客户端软件, 根据本身实际需求下载

5. 下载后解压缩获得 natapp.exe文件， 还需下载config.ini文件natapp.cn/article/con… ，将config.ini和natapp.exe放在同个目录 , 并打开config.ini 添加authtoken (购买时“个人隧道”中的authtoken)

6.  在 natapp.exe 的目录下命令行运行 $ natapp 

http://i4fdpf.natappfree.cc -> 127.0.0.1:8000， 本地的服务映射到了 http://i4fdpf.natappfree.cc, 外网请求http://i4fdpf.natappfree.cc便可访问到本地的localhost:8000, 注意此时本地必须开启一个localhost:8000的服务。

            

    总结： 

1. 两个工具均须要开启本地服务， 而后经过对于的端口号（省略时是默认80）映射,

2. localtunnel 配置简单， 但外国服务器有时候访问不理想

3. natapp是国内服务器，但配置相对繁琐