3 天时间,我的第一个几乎百分百借助 AI 编写的应用,今天部上了测试环境。虽然还不是完整版,但基础版已经包括了业务上不重要但又不可或缺的功能。现在协作方就可以尽早开始对接了。对接也很简单,他们只需要在前端页面里加几行代码。
因为是内部应用,没法完整展示,只能看些局部,这些动效也是 AI 生成。
产品原型设计用了 MasterGo 的 AI 能力。
开发用 Cursor,偶用 devv.ai。
目前的系统结构:
前端
- 前端是基于 Vue 3 的 SPA 应用
- Vite 为构建工具
- 组件化设计
- 单元测试(Vitest)
- 还很装 B 地对提供给接入方的 js 进行了代码混淆
示例应用
- 展示如何用 10 行前端代码接入应用
后端
- 基于 Flask 的 RESTful API
- 生产环境是 Gunicorn
- 支持 CORS 跨域
- pytest 单元测试
部署结构
- Docker。发布到阿里云的 Docker Registry。测试环境和生产环境直接用 Docker
- Nginx 前端服务和反向代理
- HTTPS 安全访问
有几个环节还需要和人协作,比如申请服务器、二级域名、https 证书等。