夜雨聆风
手把手用Trae系列:0成本免费部署APP教程(附源码)
背景
前两篇文章我们介绍了如何利用 Trae 开发 APP、设计 UI，现在已经有一个待办事项 APP 的半成品了。
我把源码放在 Gitee 上开源了，供大家下载参考，后续也会持续迭代更新。
源码地址：https://gitee.com/leoli2024/todo_list
遇到技术问题欢迎在评论区留言交流，或者直接私聊我，看到一定第一时间回复大家。
在线体验
在正式上架之前，可以先用浏览器体验一下这个 APP，不花一分钱，自己部署着玩一玩。
我的这个待办事项 APP已经部署到了公网上，大家可以直接访问看看效果。
体验地址：https://todolist-l6skd0168.maozi.io/
部署方案
之前我一直都是用 GitHub Pages，但是国内访问受限，国内的 Gitee Pages 服务好像还下线了。
免费的部署方案其实还有很多，比如 Vercel、Cloudflare 这些国外平台，不过国内访问速度嘛…懂的都懂。感兴趣的可以自己搜一搜看。
后来我发现了“帽子云”，可以免费托管静态网页，今天手把手教大家怎么用。
第一步：准备代码
登录后新建一个代码仓，把利用 Trae 开发的代码放上去，记得设置成开源。
第二步：帽子云部署
接着去帽子云官网，右上角注册账号。
注册完成后，登录进去，点击右侧的应用管理，然后创建应用 -> 静态网站。
选择 Gitee 去授权，然后创建静态网站。
回到应用管理，就能看到刚创建的网站了。
点一下“部署”，代码就发布到线上了，下面框出来的就是访问地址。
注意事项
所有数据都是存储在手机浏览器本地的，刷新不会丢，但如果清缓存或卸载重装，数据会丢失的。
总结
当前我们的 APP 仅仅是一个前端 H5 页面，数据存在浏览器，还没涉及到数据库存储。
市面上的 APP 数据存储主要有两种方案：
后面我会分别出教程，详细讲讲这两种方案怎么实现。