1.官网注册
官网地址:https://ngrok.com/
tips:若使用邮箱注册自行认证
2.下载对应部署电脑 压缩包(此处笔者使用自己电脑因此以Windows11作为案例)
解压下载的ngrok压缩包,在对应目录进入命令提示符装口(也可直接在对应目录顶部显示栏输入cmd按回车键 或 在目录空白处右击"在终端中打开");
3.执行部署
tips:注意后续需要执行的ngrok命令都需要在本地解压的ngrok目录下执行
进入命令提示符窗口以后执行(官网提供的添加账户信息)命令,添加自己账户信息
linux
ngrok config add-authtoken 2xxxxxxxxxxxxxxxxxxxxxxxxx
执行命令将自己本地对应服务端口暴露到公网,实现穿透
linux
ngrok http 8080
穿透以后会提供一个外部访问地址,即可外部网络访问自己本地部署的服务
4.固定域名
完成上述三点,即可实现外网访问。但是会存在一个访问地址每次启动都会不一致问题,此时需要去官网完成相关配置。
- 进入配置页 新增域名
- 复制固定域名完成本地部署
复制配置以后,在命令提示符页面按 ctrl+c
先停掉本地之前部署好的内网穿透,执行拷贝的命令。
linux
ngrok http --domain=nearby-xxxx-xxxx.ngrok-free.app 8080
这样就完成固定域名操作
5.前后端项目穿透
若自己本地启动了前后端项目需要穿透到外网如何实现(一个是自己可以通过配置nginx或者其他网关,此处只穿透这个网关即可;或者按照笔者下列处理方式)。
查看官网文档:https://ngrok.com/docs/secure-tunnels/ngrok-agent/reference/config/
- 首先查看配置文件地址,使用命令
ngrok config check
- 修改配置文件(在已有的基础上添加如下配置,添加前后端两个隧道)
yml
tunnels:
frontdemo:
proto: http
addr: 9527
# domain: alan-httpbin.ngrok.dev
backdemo:
proto: http
addr: 8080
# domain: demo.inconshreveable.com
# inspect: false
-
启动隧道(命令提示符窗口执行)
#前后端都启动
ngrok start --all
#只启动前端/后端
ngrok start frontdemo
ngrok start backdemo