5分钟搭建高颜值后台！SoybeanAdmin：cpolar内网穿透实验室第648个成功挑战

软件名称：SoybeanAdmin

操作系统支持：Windows/macOS/Linux（开发环境）+ 所有现代浏览器（部署后）

软件介绍：

SoybeanAdmin是一个"开箱即用"的后台管理模板，内置TypeScript、Vue3、pnpm monorepo等前沿技术栈。它像乐高积木一样模块化设计，帮你快速搭建高颜值且规范的管理系统，还能通过cpolar内网穿透实现远程协作与演示。

SoybeanAdmin：后台开发界的"瑞士军刀"

突出功能：

1、TypeScript全栈支持 ："代码一写错，IDE直接说'您是猪吗？'"------告别模糊报错。 2、 自动化路由与UI组件库 ：像搭积木一样拼接页面和功能模块，连前端小白都能快速上手。 3、移动端自适应布局：老板突然要求"手机也能看后台"，一个命令行直接搞定！

实用场景------拯救程序员的24小时**

1、场景：团队协作混乱

痛点："5个前端在3个IDE里改样式，代码风格像开盲盒！"
爽点：SoybeanAdmin的pnmn monorepo强制统一依赖和配置，UI设计师画稿一提交，程序员直接套组件库------"这波操作666！"

2、 场景：老板突然要多语言后台

痛点："产品说'今天必须支持英文+中文！'但代码里全是硬编码的字符串......"
爽点：SoybeanAdmin内置i18n方案，5分钟配置多语言文件，"国际化？这不比翻译软件还快？"

cpolar内网穿透技术带来的便利**

痛点："远程调试时卡在公司局域网，想给客户演示新功能只能干瞪眼！"
解决方案：用cpolar一键映射本地开发服务器到公网。现在随时随地远程协作------"老板说'下午三点要看界面'？我直接在线改代码，比外卖小哥还快！"。

cpolar将内网穿透简单到只要三步！ 1.下载安装 → 2. 输入要穿透的端口号 → 3. 立刻获得专属访问链接。

总结

SoybeanAdmin + cpolar的组合堪称"后台开发CP王炸"：前者用模板省去90%重复劳动，后者让远程协作像在隔壁工位一样丝滑。从此告别"配置地狱"，专注做最靓的后台！

专注做最靓后台的教程已经安排好喽！

1、本地部署SoybeanAdmin步骤

需要准备好git、node.js、pnpm

打开命令行先克隆项目

shell 复制代码

git clone https://github.com/soybeanjs/soybean-admin.git

接着输入这行命令更换样例版分支

shell 复制代码

git checkout example

进入到项目目录中，继续安装依赖

shell 复制代码

pnpm i

最后启动项目，启动后会自动打开浏览器

shell 复制代码

pnpm dev

就能看到SoybeanAdmin的登录界面了，

2、简单使用SoybeanAdmin

登录进去后能看到界面很美观，右侧可以配置主题，

左侧还有各种各样的设置，比如标签页、异常页、各种插件等等

现在你就可以在本地去开发你的后台管理系统了，但在开发之前，先要把后台样式效果发给客户确认一下。

我会使用cpolar把本地部署的服务发布到公网，把公网地址发给用户！你肯定会问，为什么不直接发截图呢？发截图肯定没有实时动态操作的后台模版更有冲击力呀！

3、安装cpolar内网穿透

访问cpolar官网： www.cpolar.com 点击免费使用注册一个账号，并下载最新版本的Cpolar。

登录成功后，点击下载Cpolar到本地并安装（一路默认安装即可）本教程选择下载Windows版本。

Cpolar安装成功后，在浏览器上访问http://localhost:9200，使用cpolar账号登录,登录后即可看到Cpolar web 配置界面,结下来在web 管理界面配置即可。

4、配置公网地址

登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理------创建隧道：

隧道名称：可自定义，本例使用了:soybean，注意不要与已有的隧道名称重复
协议：http
本地地址：9527
域名类型：随机域名
地区：选择China Top
点击高级：选择host头域，填写IP地址＋端口号：localhost:9527

点击创建：

创建成功后，打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了两个公网地址，接下来就可以在其他电脑或者移动端设备（异地）上，使用任意一个地址在浏览器中访问即可。

我们随意复制一个打开，能看到我们成功打开了soybeanadmin的页面

小结

为了方便演示，我们在上边的操作过程中使用cpolar生成的HTTP公网地址隧道，其公网地址是随机生成的。这种随机地址的优势在于建立速度快，可以立即使用。然而，它的缺点是网址是随机生成，这个地址在24小时内会发生随机变化，更适合于临时使用。

如果有长期使用SoybeanAdmin，或者异地访问与使用其他本地部署的服务的需求，但又不想每天重新配置公网地址，还想让公网地址好看又好记并体验更多功能与更快的带宽，那我推荐大家选择使用固定的二级子域名方式来配置公网地址。

5、配置固定二级子域名公网地址

使用cpolar为其配置二级子域名，该地址为固定地址，不会随机变化。

注意需要将cpolar套餐升级至基础套餐或以上，且每个套餐对应的带宽不一样。【cpolar.cn已备案】

点击左侧的预留，选择保留二级子域名，地区选择china top，然后设置一个二级子域名名称，我这里演示使用的是soybean，大家可以自定义。填写备注信息，点击保留。

保留成功后复制保留的二级子域名地址：

登录cpolar web UI管理界面，点击左侧仪表盘的隧道管理------隧道列表，找到所要配置的隧道soybeanadmin，点击右侧的编辑。

修改隧道信息，将保留成功的二级子域名配置到隧道中

域名类型：选择二级子域名
Sub Domain：填写保留成功的二级子域名
地区: China Top

点击更新

更新完成后，打开在线隧道列表，此时可以看到随机的公网地址已经发生变化，地址名称也变成了保留和固定的二级子域名名称。

总结：

是不是超级简单？只需要几条命令，你就拥有了一个功能强大、高颜值的后台管理系统。

而且，它的代码规范非常严格，集成了多种开发工具和插件，让你的开发工作更加高效

cpolar就像给你的设备装了个"隐形的公网翅膀"，无论你是搞开发、做安防、玩NAS，还是单纯想和异地朋友开黑打游戏------只要有端口在跑，立刻获得全球访问权限。从此告别局域网束缚，实现真正的"万物互联自由"！

以上就是如何在本地windows系统快速部署soybeanadmin，并安装cpolar内网穿透工具配置固定不变的二级子域名公网地址，实现随时随地远程访问的全过程，感谢您的观看，有任何问题欢迎留言交流。