古法编程

如何使用 AI 将 Web 应用快速部署并获取公网 URL

解决 Web 应用发布门槛高的问题：通过集成 AppDeploy 技能，AI 可以直接将你编写的代码部署到云端，无需手动配置服务器、域名或数据库，直接输出一个可公开访问的 URL。

为什么需要这个技能

对于开发者而言，将本地运行的 localhost 项目发布到公网通常涉及繁琐的步骤：配置 VPS、设置 Nginx、安装数据库、配置 SSL 证书等。

AppDeploy 提供了一套标准化的 HTTP API，使得 AI 能够接管整个发布流程。无论是简单的静态页面，还是包含复杂后端 API 和数据库的 Full-stack 应用，AI 都可以通过调用接口实现“一键上线”，极大地缩短了从开发到演示（Demo）的周期。

适用场景

  • 快速原型验证：当你需要向客户或团队展示一个可运行的网页 Demo 时。
  • 自动化发布：在 AI 完成 Bug 修复或功能更新后，直接要求它 “make this live” 自动更新线上版本。
  • 全栈应用部署：需要同时部署前端（React/Next.js）、后端 API 及文件存储的场景。
  • 临时测试环境：为某个特定功能快速创建一个临时的公网访问地址。

核心工作流

1. 身份认证（首次使用）

AI 会在项目根目录检查 .appdeploy 文件。如果没有 API Key，它将通过 curl 请求注册并获取密钥：

curl -X POST https://api-v2.appdeploy.ai/mcp/api-key \
  -H "Content-Type: application/json" \
  -d '{"client_name": "claude-code"}'

随后将 api_key 和 endpoint 保存至 .appdeploy 文件中（请记得将其加入 .gitignore）。

2. 部署执行步骤

AI 将遵循以下逻辑完成部署：

  1. 获取指令：调用 get_deploy_instructions 确认部署约束。
  2. 选择模板：根据应用类型（如 react-vite 或 nextjs-static）调用 get_app_template 获取基础结构。
  3. 上传部署：调用 deploy_app 发送代码文件。新应用 app_id 为 null，更新应用则需提供对应 ID。
  4. 状态监控：通过 get_app_status 轮询直至状态变为 ready。

3. 后续管理

AI 可以利用 get_app_versions 查看历史版本，或使用 apply_app_version 快速回滚到之前的稳定版本。

下载和安装

下载 appdeploy 中文版 Skill ZIP

解压后将目录放入你的 AI 工具 skills 文件夹，重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。

你可能还需要

暂无推荐