Mac 安装使用 Ngrok

下载安装

  1. 访问 Ngrok 官网:https://dashboard.ngrok.com/get-started,并注册或使用第三方登录。
  2. 点击解压后,将 ngrok 拖拽到应用程序目录。
    Mac 中移动完成后程序目录为 /Applications/ngrok

建立 Ngrok 软连接

~ cd /usr/local/bin
~ ln -s /Applications/ngrok ngrok

创建之后,可以在任意地方使用 ngrok 命令。

配置 authtoken

  1. 从官网上复制自己的 authtoken,如图
  2. 在本地命令行任意位置运行
    ~ ngrok authtoken yourself-token
    Authtoken saved to configuration file: /Users/User/.ngrok2/ngrok.yml

配置 ngrok.yml 文件。

使用 Ngrok

在本地命令行任意目录执行

~ ngrok http -host-header=shop.test -region us 80

ngrok by @inconshreveable                                               (Ctrl+C to quit)

Session Status                online
Account                       Pannio (Plan: Free)
Version                       2.3.35
Region                        United States (us)
Web Interface                 http://127.0.0.1:4040
Forwarding                    http://bda514b0.ngrok.io -> http://localhost:80
Forwarding                    https://bda514b0.ngrok.io -> http://localhost:80

Connections                   ttl     opn     rt1     rt5     p50     p90
                              0       0       0.00    0.00    0.00    0.00
  • http 指我们映射的是 HTTP 协议;
  • -host-header= 代表本地站点的域名,如果你用的不是 shop.test 请更换成对应的域名;
  • -region us 代表我们要使用的是美国的公共节点;
  • 80 代表映射到本地 80 端口。
  • Forwarding 代表 Ngrok 分配给你的域名,对于免费账号来说,每次启动 Ngrok ,都会重新分配一个随机的域名,无法固定。
  • Web InterfaceNgrok 内置的一个管理面板,它可以展示所有通过 Ngrok 进来的请求信息以及返回的数据,查看详细数据可以访问 http://127.0.0.1:4040
  • 通过访问http://bda514b0.ngrok.io 或者https://bda514b0.ngrok.io 即可访问本地程序。

详细文档地址https://ngrok.com/docs

《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 4

执行这个 ngrok http -host-header=shop.test -region us 4000 卡住不动了

1周前 评论

@lovecn 卡住不动?你有程序运行在4000吗

1周前 评论
1周前 评论
alalala (楼主) 1周前
likunyan

我的是自己搭建在自己服务器上

1周前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!