ngrok 外网映射 (解决测试时外部无法访问本地网站的)

日常开发坑

  • 在我们做开发的同学们很多时候开发好了一个项目之后发现只是可以再电脑内部去查看或者是通过本地端口设置同一网络下查看业务
  • 那么我们肯定会想上到线上项目不需要在同一网络下也可以去访问
  • 那么第一时间我们肯定是会想到 云端服务器 阿里云/新浪云/腾讯云等很多的网上服务器
  • 对的我也想到了,当是首先
    • 网上服务器要钱买
    • 网上服务器要配置
  • 再想想我就想丢上去看看而已替换成外网测试一下看看行不行
    • 买服务器不是买一天两天想着应该用不完

那么我就发现了一个好用的东西 ngrok 外网映射

  • ngrok 并不是真的就把项目就挂载到了网上
  • 是通过 映射端口 把本地端口映射到了外网
  • 所以当我们吧 ngrok 关闭 或者是 本地的服务关闭了后就会断开

在使用之前要有 apache 服务器

  • (mac 是自带的 win 自己安装 配置这里我就不说虽然 mac 自带但是我弄了好久现在不想再去说了 )
  • (也不一定非要用 apache 服务器的因为是映射端口有开启服务就好)
  • 把项目部署到了 apache 服务器
  • 开启服务 本地查看是否可以运行

说了那么多废话现在开始走进 ngrok 的世界

  • ngrok 下载官网
  • 不急着下载因为后面的步骤需要用到全局配置 所有先注册一个账号 有 github 的可以直接登录
  • 然后点击 download 那个下载就好啦
  • 把安装包下载下来之后手动解压就可以了
  • 然后打开终端 在解压出 ngrok 的文件夹下执行配置
  • ./ngrok authtoken 3fW4eXHdUN3ziCBXcahZ_3tnDdaTyLw8tKzJtKZkLp 3 开头这一段每个人都不同的根据登录的账号会有提示的
  • 最后一步就是 映射端口 根据你本地开启的端口而定 ./ngrok http 80 (开启的是 80 端口就用 80 端口,默认 apache 是 80 端口)

前面那么多字懒得看看不懂的还是来看图解把

ngrok
ngrok
ngrok
ngrok
ngrok

-------------本文结束感谢您的阅读-------------
0%