1. 立项背景和目标:目前AI编程工具快速发展,但国内用户在使用Claude Code等工具时面临网络访问不便、配置复杂等门槛。本项目旨在打造一个集AI编程工具安装、配置、使用指导于一体的服务平台,降低国内开发者使用AI工具的门槛。
2. 核心功能模块:网站包括Agent故事展示区(展示六个AI角色的故事)、MCP精选商店(提供一键安装的MCP工具包)、留言板系统(访客互动)、产品页(花园Code安装服务介绍)。网站适配PC和移动端。
3. 业务流程:访客浏览首页了解项目 → 进入MCP商店选购工具 → 输入激活码解锁下载 → 下载一键安装包 → 双击安装。整个流程在网站内闭环完成。
整体架构:采用纯前端架构,HTML/CSS/JavaScript构建响应式页面,适配PC和移动端。后端API用Node.js开发部署在腾讯云Ubuntu服务器,通过Cloudflare Pages实现前端自动部署与全球CDN加速。使用Tailscale打通本地开发环境与云服务器的网络连接。
2. 我负责的模块:负责网站全栈开发(前端页面、后端API、部署运维)、MCP一键安装器的设计与开发(Windows .bat安装脚本)、激活码验证系统(对接腾讯云API)。实现了一个超轻量的安装器,用户下载单个.bat文件双击即可自动配置MCP工具。
3. 遇到的难点:Windows老旧系统兼容性问题(PowerShell版本差异、编码问题、执行策略限制)。解决方案是逐一测试不同Windows版本,最终采用纯ASCII+CRLF换行+临时PS1脚本方案,在Win10家庭版上验证通过。另一个难点是多Agent协作中的身份管理,通过建立统一的CLAUDE.md引导机制解决。