ngrok | 内网穿透，支持 HTTPS、国内访问、静态域名

前言

当我们需要把本地开发的应用展示给外部用户时，常常会因为无法直接访问而陷入困境。

就为了展示一下，买服务、域名，搭环境，费钱又费事。

那有没有办法，让客户直接访问自己本机开发的应用呢？

这种需求场景这么多，当然有现成的技术 —— 内网穿透。

什么是内网穿透？

内网穿透是一种网络技术，它允许外部互联网用户访问部署在本地网络（内网）中的服务或设备。

通常，家庭或企业网络都位于内网，连接到外部互联网需要通过 NAT（网络地址转换）或者路由器来实现。

然而，由于内网中设备的 IP 地址通常是私有的，外部用户无法直接访问这些设备，这就带来了两个主要挑战：

NAT 问题：内网设备的私有 IP 地址无法直接在互联网中使用，需要通过路由器将外部请求转发到内网设备。
动态 IP 地址：即使能够实现 NAT 转发，本地网络中的 IP 地址可能是动态的，每次重启设备时会发生变化，增加了管理和访问的复杂性。

常见的内网穿透解决方案

端口映射：通过在路由器上进行端口映射，将外部流量定向到内网中的特定设备。这种方法虽然可行，但通常需要配置路由器并且涉及安全风险，操作复杂。
第三方穿透工具：如 ngrok、frp 等工具通过云中转服务器，将本地服务映射到外部可访问的 URL，从而解决了复杂的端口映射问题。

反向代理技术

反向代理是内网穿透的核心技术之一。

反向代理服务器位于用户和内部服务器之间，接收外部请求后，将请求转发到内部服务器，再将响应返回给外部用户。

通过这种方式，反向代理隐藏了内部服务器的实际位置和架构，确保了内部网络的安全性。

现在，我们已经理解了内网穿透和反向代理的基础知识，接下来我将介绍一个强大的工具——ngrok，它能让内网穿透变得简单高效。

什么是 ngrok？

ngrok 是一个反向代理工具，它通过建立隧道，把你本地的服务映射到一个外部可访问的 URL。ngrok 通过其强大的功能，解决了传统内网穿透方式的复杂性和安全性问题。

通过 ngrok，开发者可以将本地运行的 HTTP 或 TCP 服务映射到一个公网可访问的 URL，从而让远程用户通过这个 URL 访问到本地服务。

ngrok 的主要功能

HTTPS 支持：ngrok 自动为你的本地服务生成 HTTPS URL，确保数据传输的安全性。
自定义域名和子域名：ngrok 支持绑定自定义域名或为你的服务生成静态子域名，确保 URL 不会频繁更换。
数据分析：ngrok 提供实时流量数据分析，帮助你监控每一个请求和响应，快速发现问题。
隧道管理：可以轻松管理和查看正在运行的隧道，支持多个隧道同时运行。
多协议支持：除了 HTTP/HTTPS，ngrok 还支持 TCP 和其他协议的映射。
国内可用：这一点，遇到过相关问题的人，算是发现救星了~

如何使用 ngrok

接下来我们来实际操作，看看 ngrok 是如何工作的。

假设你在本地运行了一个 Web 应用，监听的端口号为 80，我们可以通过以下几步将它暴露到互联网。

第一步：下载并安装 ngrok

访问 ngrok 官方网站，根据你的操作系统下载对应的安装包并进行安装。

对于 Windows 用户，下载后解压到一个目录，打开命令行工具，进入该目录即可使用。
对于 macOS 用户，可以通过以下命令直接安装：
```
brew install ngrok/ngrok/ngrok
```

第二步：创建 ngrok 账户并获取 Authtoken

ngrok 的部分功能需要登录后才能使用。

创建账户后，你会获得一个 Authtoken，在命令行中执行以下命令，将这个 token 添加到 ngrok 中：

ngrok cofig add-authtoken <你的-token>

https://i-blog.csdnimg.cn/direct/5bf3eac6b2de4be3bad7b3b1985643aa.png" alt="在这里插入图片描述" />

第三步：启动 ngrok

假设你有一个本地的 Web 服务运行在端口 80 上，现在我们可以使用 ngrok 将其映射到公网。

在命令行中执行：

ngrok http 80

https://i-blog.csdnimg.cn/direct/bcbd069e705542bb821589811da5f9a9.png" alt="在这里插入图片描述" />

此时，ngrok 会为你生成一个公网可访问的 URL，类似于：
https://i-blog.csdnimg.cn/direct/4fc1cad339d94d428f5f9543b20d72e4.png" alt="在这里插入图片描述" />

你可以将这个 URL 发送给外部用户，他们通过访问这个地址即可访问你本地运行的应用。

第四步：监控和管理隧道

ngrok 提供了一个方便的 Web 界面，用于查看隧道的实时流量和请求详情。

你可以通过访问以下本地 URL 进行监控：

http://localhost:4041

具体端口是哪个，根据 ngrok 启动的提醒来确认：
https://i-blog.csdnimg.cn/direct/f74754e348c84fb2b13d551265443ea1.png" alt="在这里插入图片描述" />

https://i-blog.csdnimg.cn/direct/d220d699ee4b40f6bf2b842e3109843d.png" alt="在这里插入图片描述" />
在这个界面，你可以查看到每个请求的详细信息，包括请求头、响应数据等。

高级使用：使用静态子域名

我们上面的步骤，生成的公网域名，每次都会变化。
如果你不希望 ngrok 每次启动时生成随机的 URL，可以使用 ngrok 提供的静态域名。
https://i-blog.csdnimg.cn/direct/ae3169c7ae0e402b923606ee32c10da2.png" alt="在这里插入图片描述" />
如上图，使用 ngrok 提供的静态域地址映射本地端口。
https://i-blog.csdnimg.cn/direct/365025de5c57437786cdb41eea861c03.png" alt="在这里插入图片描述" />