简单了解ngrok

315 阅读1分钟

Ngrok是什么

简单来说就是能够让你本地网页快速通过代理被外界访问的一个极为方便的工具,不用搭建服务器等等麻烦的工序,适合前端开发过程中,快速评估检测项目。

搭建方法

下载ngrok

下载地址:ngrok.com/download;

下载对应的Mac系统版本的ngrok

下载完成后双击下载的程序解压ngrok;

启动ngrok

移动ngrok至你的开发文件夹内。

// 移动ngrok至你的开发文件夹内
cp ngrok 'directory of your project'
// 启动ngrok
./ngrok http 3000
实例

本地前端开发目录

/xiaoxiao/work/drawer

本地前端开发地址为

localhost:3000

想要外界访问到你开发的内容,就可以使用ngrok 先下载ngrok,然后

// 同样可以使用手动复制的方法
cp ngrok /work/drawer
// 启动ngrok
./ngrok http 3000

复制的是这个东东啊。不要搞错了喔。

image

启动成功的状态是这样的。

image
那么外界访问你的开发环境就变成了, d6f02f3d.ngrok.io 当然这个地址是变化的,每次启动ngrok都会发生变化的。

通过ngrok可以很方便的让外界访问你本地的内容。是不是很碉,