无需部署服务器，也能给前端/客户演示？内网穿透实战分享
在日常开发中，经常会遇到一个很现实的问题：
功能已经在本地开发完成了，但前端同事、测试、客户都看不到效果。
很多人的第一反应是：部署一套测试服务器。
但实际情况往往是
- 服务器没准备好
- 只是临时演示
- 改动频繁，反复部署很浪费时间
后来我发现，其实根本不需要部署服务器，用内网穿透就能很优雅地解决这个问题。
一、真实场景说明
场景 1：给前端联调接口
后端服务跑在本地：
http://localhost:8080
问题是：
- 前端在外地
- 无法访问本地接口
- 每次改接口都要重新部署
场景 2：给客户演示功能
- 新功能刚开发完
- 客户想先看看效果
- 但还没上线正式环境
这时候再去搞服务器，明显有点'杀鸡用牛刀'。
二、传统方案为什么不太合适？
对于'临时演示/联调'来说，都太重了。
三、解决方案：内网穿透
内网穿透的核心思路只有一句话：
把你本地的服务，映射成一个公网可以访问的地址
也就是说：
本地：http://localhost:8080
公网：https://xxx.xxx.com
前端、客户、测试，直接访问公网地址即可。
四、实战：不用部署服务器，直接对外演示
下面以我最近在用的方案为例，完整走一遍流程。
1️⃣ 本地启动服务
比如一个后端接口服务：
npm run dev
访问地址：http://localhost:8080
确认本地访问正常即可。
2️⃣ 配置内网穿透
这里使用一款内网穿透工具，原因很简单：
- 不需要自己部署服务器
- 配置非常简单
- 部分工具新用户可以直接免费试用
在客户端里配置：
- 本地端口：
8080 - 映射协议：HTTP / HTTPS
- 启动映射
3️⃣ 获取公网访问地址
启动成功后，会生成一个公网地址，例如：
https://demo-api.xxx.com
这个地址可以直接：
- 发给前端
- 发给客户
- 用来配置第三方回调
