前言

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

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

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

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

什么是内网穿透？

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

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

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

1. NAT 问题：内网设备的私有 IP 地址无法直接在互联网中使用，需要通过路由器将外部请求转发到内网设备。

2. 动态 IP 地址：即使能够实现 NAT 转发，本地网络中的 IP 地址可能是动态的，每次重启设备时会发生变化，增加了管理和访问的复杂性。

常见的内网穿透解决方案

1. 端口映射：通过在路由器上进行端口映射，将外部流量定向到内网中的特定设备。这种方法虽然可行，但通常需要配置路由器并且涉及安全风险，操作复杂。

2. 第三方穿透工具：如 ngrok、frp 等工具通过云中转服务器，将本地服务映射到外部可访问的 URL，从而解决了复杂的端口映射问题。

反向代理技术

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

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

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

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

什么是 ngrok？

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

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

ngrok 的主要功能

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

如何使用 ngrok

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

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

第一步：下载并安装 ngrok

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

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

   brew install ngrok/ngrok/ngrok
   

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

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

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

ngrok cofig add-authtoken <你的-token>

第三步：启动 ngrok

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

在命令行中执行：

ngrok http 80

此时，ngrok 会为你生成一个公网可访问的 URL，类似于：

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

第四步：监控和管理隧道

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

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

http://localhost:4041

具体端口是哪个，根据 ngrok 启动的提醒来确认：

在这个界面，你可以查看到每个请求的详细信息，包括请求头、响应数据等。

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

我们上面的步骤，生成的公网域名，每次都会变化。
如果你不希望 ngrok 每次启动时生成随机的 URL，可以使用 ngrok 提供的静态域名。

如上图，使用 ngrok 提供的静态域地址映射本地端口。

安全提示

尽管 ngrok 使内网穿透变得简单高效，但在使用时仍需要注意以下几点：

1. 生产环境慎用：ngrok 更适合开发和测试环境，不建议在生产环境中使用。
2. 保护 Authtoken：不要将你的 ngrok Authtoken 泄露给他人，避免产生不必要的安全风险。
3. 访问控制：ngrok 支持为隧道设置访问控制，确保只有授权的用户才能访问你的服务。

总结

ngrok 是一个功能强大的工具，特别适合开发者在开发和测试阶段展示和共享本地应用。

通过简单的命令，ngrok 能够快速实现内网穿透，同时支持 HTTPS、静态域名、自定义域名等高级功能。

当你下次遇到内网穿透的需求时，试试 ngrok 吧。

希望对你有帮助。