ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。ngrok 可捕获和分析所有通道上的流量，便于后期分析和重放
官网：www.qydev.com
当然更推荐下这个
链接：http://pan.baidu.com/s/1nvTvqy9 密码：5h2l
下载完毕解压压缩包
1.修改key.txt文件
找到key.txt文件 如果你下的官网的就要自己创建一个了
ngrok -config=ngrok.cfg -subdomain name 8020
Paste_Image.png
举例：ngrok -config=ngrok.cfg -subdomain yahaha 8020
那么你的外网地址就是 https://yahaha.tunnel.qydev.com
2.在地址栏上输入cmd或是使用命令行工具进入改目录
Paste_Image.png
Paste_Image.png
这个时候我们就在改目录启动了一个命令行工具
3.把key.text中的命令复制到命令行并执行
Paste_Image.png
我们可以看到online 就代表成功了 如果是红色的 那就是失败了 可能是跟人家重名了 把第二步的name换一个试试把
Paste_Image.png
这个时候就已经把我们的内网127.0.1:8020映射出去了
打开http://yahaha.tunnel.qydev.com/ 我们可以看到它提示我们在127.0.1:8020启动一个web服务
Paste_Image.png
4.在你需要外网访问的目录启动一个web服务
Paste_Image.png
比如我这个目录想让外网访问到 就可以在这个目录下 启一个web服务
npm install http-server -g
Paste_Image.png
http-server -p 8020
Paste_Image.png
然后我们就可以去访问 http://yahaha.tunnel.qydev.com
Paste_Image.png
我们还可以看到相应的请求
Paste_Image.png
以后我们使用的时候 只要去ngrok 目录用命令行执行
//name 自己的域名
ngrok -config=ngrok.cfg -subdomain name 8020
然后再去你需要展示的目录 执行 就OK啦
http-server -p 8020
