Vibe Coding实战三：把AI做的小工具部署上云，手机电脑随时用

前言

前两篇讲了：Vibe Coding是什么 （用自然语言让AI写代码）、AI手搓App实战 （做出自己的小工具）。这篇讲最后一步：把做好的工具部署到云服务器，手机电脑随时都能用 。本地网页只能自己访问，部署上云后，发给朋友、自己手机用、长期跑着 ，才算真正落地。---## 一、为什么需要部署本地HTML文件的问题：- 只能在自己电脑上打开- 电脑关机就没了- 朋友想看？发文件太麻烦部署到云服务器后：- 公网访问 ：任何人打开网址就能用- 7x24小时运行 ：服务器不关机- 手机电脑都行 ：有浏览器就能用---## 二、需要准备什么1. 一台云服务器 （Linux系统，最低配置够用） - 云厂商官网新用户都有优惠活动，几十块一年就能拿下入门款2. 一个域名 （可选，不买也能用IP访问）---## 三、部署三步走### 第一步：连接服务器本地终端SSH连接：bashssh root@你的服务器IP输入密码，就进到服务器了。### 第二步：上传网页文件把AI生成的HTML文件传到服务器：bashscp aa.html root@你的服务器IP:/var/www/html/### 第三步：安装Nginx并启动bashapt updateapt install nginx -ysystemctl start nginx默认就监听80端口，把HTML放到指定目录后，访问服务器IP就能看到你的工具 。---## 四、升级：绑定域名+HTTPS用IP访问不够体面，绑定域名更专业：1. 买一个域名（几十块一年）2. 在云厂商控制台加解析记录 ，指向服务器IP3. 用工具自动签发HTTPS证书完成后：https://你的域名.com/aa.html浏览器地址栏出现安全锁 ，工具可以正式对外使用了。---

五、进阶玩法：一台服务器跑多个工具一个HTML文件放一个目录太浪费，可以：/var/www/html/├── aa/ # AA记账工具├── todo/ # 打卡清单└── tools/ # 工具箱合集再配个简单的首页，把工具都列出来，一台服务器变成你的个人工具站 。---## 六、写在最后到这里，"用AI做工具→部署上线→随时可用" 的完整闭环就打通了。从想法到上线，整个过程：- AI负责写代码（几轮对话）- 你负责部署（三步命令）- 云服务器负责跑（几十块一年）不会写代码，也能有自己的工具站。 这就是Vibe Coding时代给普通人的机会。部署过程中遇到任何问题，评论区留言，我看到都会回。关注我，Vibe Coding实战系列持续更新。