ngrok让外网可以访问本地服务

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