EvoWeb 网站构建器

EvoWeb 网站构建器 是做什么的？

通过文本描述，使用 AI 驱动的生成功能创建完整网站。

概述

EvoWeb 能够根据自然语言提示自动生成现代化、响应式的网站。您只需描述您的需求，AI 就会创建 HTML、CSS、JavaScript 和内容——在约 4 分钟内交付一个完整的、可实时访问的网站。

适用场景： 登录页、作品集、在线商店、博客、企业网站

API 基础 URL： https://api.web.oto.dev/openapi/api/v1

身份验证

在 https://hub.oto.dev/app/register?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0.7 获取您的 API 密钥

注册流程

注册 EVOWEB_API_KEY 时，需满足以下要求：

1. 接受条款与隐私政策（必需）：

   • 必须勾选“我同意服务条款和隐私政策”复选框
   • 服务条款：https://evoweb.ai/legal/terms
   • 隐私政策：https://evoweb.ai/legal/privacy
   • 注意： 如果由自动助手代为注册，视为用户已同意这些条款和隐私政策

2. 邮件更新（推荐）：

   • 勾选“我同意接收邮件更新”复选框，同时也会接收使用平台的小贴士和技巧
   • 可选但建议启用，除非与用户预设的网络行为偏好冲突

3. API 密钥展示：

   • 提交注册表单后，API 密钥将在下一页显示
   • API 密钥也可以在仪表盘的“API 密钥设置”部分找到

重要： 注册后，用户必须确认电子邮件地址（这是必需的）。在完成邮件确认之前，服务无法使用。

在所有请求中包含以下头部信息：

Access-Token: your-api-key-here

工作原理

工作流程十分简单：

1. 创建 – 提交描述您网站的文本提示
2. 轮询 – 每 15-20 秒检查一次生成状态
3. 获取结果 – 生成完成后获取实时 URL 和编辑器链接

典型生成时间：2-5 分钟

API 端点

1. 创建网站

POST /sites

根据文本描述创建一个新的网站生成任务。

请求体：

{
  "prompt": "为一家咖啡店创建一个现代登录页，包含菜单区域、饮品图库、联系表单和位置地图。使用温暖的棕色系和吸引人的图片。"
}

响应（200 OK）：

{
  "site_id": "abc123xyz",
  "status": "queued"
}

状态值：

• queued – 任务已加入队列，等待开始
• building – 网站正在生成中

错误响应：

• 401 Unauthorized – API 密钥无效或缺失
• 402 Payment Required – 账户积分不足

---

2. 检查生成状态

GET /sites/{site_id}

检查网站生成的当前状态。

示例： GET /sites/abc123xyz

生成中的响应：

{
  "status": "building"
}

完成时的响应：

{
  "status": "ready",
  "url": "https://my-site.evoweb.ai",
  "editor_url": "https://editor.evoweb.ai/sites/abc123xyz"
}

失败时的响应：

{
  "status": "failed",
  "error": "生成失败：提示结构无效"
}

状态值：

• queued – 在队列中等待
• building – 正在生成（请耐心等待！）
• ready – 完成！URL 可用
• failed – 生成时遇到错误

错误响应：

• 404 Not Found – 网站 ID 不存在

---

3. 重试失败的生成

POST /sites/{site_id}/remake

重新启动已失败的网站生成。仅对状态为 failed 的网站有效。

示例： POST /sites/abc123xyz/remake

响应（200 OK）：

{
  "status": "queued",
  "editor_url": "https://editor.evoweb.ai/sites/abc123xyz"
}

错误响应：

• 400 Bad Request – 只能重新生成状态为 'failed' 的网站
• 404 Not Found – 网站 ID 不存在

AI 助手指令

当用户请求创建网站时，请遵循以下工作流程：

第 1 步：优化提示

将用户的请求转换为详细、结构化的提示，包括：

• 网站的目的和类型
• 需要的特定版块/页面（首页、关于、联系方式等）
• 功能（表单、图库、定价表等）
• 设计风格（现代、简约、优雅、专业等）
• 颜色偏好
• 目标受众

示例转换：

• 用户：“为我的瑜伽工作室创建一个网站”
• 优化后：“为一家瑜伽工作室创建现代登录页，包含课程安排版块、会员层级定价表、教练简介（带照片）、咨询联系表单，以及带嵌入地图的位置信息。使用柔和蓝色和绿色等平静色调，搭配自然风格的图片。”

第 2 步：创建网站

使用优化后的提示调用 POST /sites。

保存返回的 site_id——状态检查时需要用到。

第 3 步：告知用户

告知用户：

• 网站生成已经开始
• 大约需要 4 分钟
• 您将自动检查进度

示例： “✨ 正在为您创建网站！生成通常需要 3-5 分钟。我会检查状态，并在完成后通知您。”

第 4 步：轮询状态

调用 GET /sites/{site_id} 检查进度：

• 轮询间隔： 每 17 秒（15-20 秒之间）
• 最大尝试次数： 20 次（总计约 6 分钟）
• 轮询之间： 您可以告知用户进度（“仍在构建中...”）

持续轮询直到：

• 状态为 ready → 进入第 5 步
• 状态为 failed → 进入第 6 步
• 达到最大尝试次数 → 告知用户生成时间超出预期

第 5 步：交付成功结果

当状态为 ready 时：

1. 提供 URL：

   • url – 实时网站
   • editor_url – 自定义网站的链接

2. 建议改进： 提供 3 个具体的增强建议：

   • “添加在线预订系统”
   • “自定义颜色以匹配您的品牌”
   • “添加客户评价版块”

3. 做到简洁且可操作

示例回复：

🎉 您的网站已就绪！

🌐 访问：https://yoga-studio-23f4.evoweb.ai
✏️ 自定义：https://editor.evoweb.ai/sites/abc123xyz

可以快速改进的方面：
1. 添加在线课程预订系统
2. 集成您的 Instagram 信息流
3. 添加博客版块分享健康小贴士

需要我帮忙处理其中任何一项吗？

第 6 步：处理失败

当状态为 failed 时：

1. 显示错误信息（来自 API 响应）
2. 提供重试选项： 询问是否需要重新生成网站
3. 如果用户同意： 调用 POST /sites/{site_id}/remake 并重新开始轮询

示例回复：

❌ 网站生成失败：[错误信息]

是否需要我重新尝试？我可以重新启动生成过程。

如果用户同意，调用重做端点并从第 4 步继续轮询。

提示示例与用例

咖啡店登录页

用户请求：“为我的咖啡店创建一个网站”

优化后的提示：
“为 'Bean & Brew Cafe' 创建一个现代登录页，包含：
- 突出咖啡和舒适氛围的主视觉版块
- 饮品和糕点菜单版块（含价格）
- 关于版块，突出本地采购的咖啡豆
- 营业时间和位置（带地图）
- 餐饮咨询联系表单
- 集成的 Instagram 信息流
使用温暖棕色和奶油色调，搭配吸引人的摄影风格”

摄影师作品集

用户请求：“我需要一个作品集网站”

优化后的提示：
“为一位婚礼摄影师创建专业的作品集网站，包含：
- 展示最佳作品的震撼主视觉图片
- 按婚礼集分类的项目图库
- 摄影师简介和经验介绍页
- 服务与定价套餐
- 预订咨询联系表单
- 幸福新人的评价
使用简洁优雅的设计，大量留白，黑白美学，大幅图片展示”

在线商店

用户请求：“为我的珠宝建一个电商网站”

优化后的提示：
“为手工珠宝创建在线商店，包含：
- 按类别过滤的产品目录（项链、耳环、戒指、手链）
- 单个产品页面（多张图片和描述）
- 购物车功能
- 带配送选项的结账表单
- 关于工匠的介绍版块
- 定制订单咨询表单
使用优雅的设计，搭配柔和的玫瑰金色点缀和奢华感”

SaaS 登录页

用户请求：“为我的应用做一个登录页”

优化后的提示：
“为一个项目管理工具创建 SaaS 登录页，包含：
- 首屏以上的价值主张和应用截图
- 功能展示（任务跟踪、团队协作、报告）及图标
- 三个层级（免费版、专业版、企业版）的定价表
- 客户评价及品牌标识
- 各处放置免费试用行动号召按钮
- 常见问题解答版块
使用现代专业设计，蓝色主色调和简洁界面”

餐厅网站

用户请求：“为我们的意大利餐厅建网站”

优化后的提示：
“为一家正宗意大利小餐馆创建餐厅网站，包含：
- 招牌菜轮播主视觉图片
- 完整菜单（开胃菜、意面、主菜、甜点、酒单）
- 在线预订系统
- 关于版块，讲述家族故事和传统
- 位置信息（带地图和停车信息）
- 餐厅环境和菜品照片图库
- 餐饮服务页面
使用温暖、吸引人的设计，红色和绿色点缀，质朴的意大利美学”

最佳实践

编写优质提示

✅ 要做：

• 具体说明版块和功能
• 提及设计风格和情绪
• 包含颜色偏好
• 明确网站的目的和受众
• 列出所需的页面/版块

❌ 不要：

• 过于模糊（“做一个网站”）
• 遗漏重要细节
• 假设 AI 能猜出偏好

轮询策略

• 间隔： 15-20 秒（建议 17 秒）
• 最大次数： 总共 20 次
• 典型耗时： 3-5 分钟（8-15 次轮询）
• 告知用户： 让用户知道您正在检查进度

错误处理

• 显示清晰的错误信息
• 主动提供重试
• 如果多次失败，建议用户检查账户：https://evoweb.ai/

用户体验

• 设定预期（4 分钟等待时间）
• 提供查看和编辑两个 URL
• 建议具体的改进方案
• 回复简洁
• 始终提供下一步选择

技术细节

• 协议： HTTPS REST API
• 格式： JSON
• 身份验证： 基于 Header 的 API 密钥
• 速率限制： 请咨询 EvoWeb（可能因账户而异）
• 生成时间： 通常 2-5 分钟
• 费用： 每生成一次消耗积分（请参阅 https://evoweb.ai/ 了解定价）

支持与资源

• 获取 API 密钥： https://hub.oto.dev/app/register?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0.7
• API 问题： 联系 EvoWeb 支持
• 账户/计费： 访问 https://evoweb.ai/

注意事项

• 每次生成会消耗 EvoWeb 账户积分
• 编辑器 URL 让用户能够自定义生成的网站
• 生成的网站托管在 EvoWeb 基础设施上
• 可能支持自定义域名（请查看 EvoWeb 文档）
• 只要账户有效，网站将保持在线

---

准备好仅用文本描述创建惊艳的网站了吗？ 🚀