• 产品简介
  • 快速开始
    • Agent 开发
    • 导入 Git 仓库
    • 从模板开始
    • 直接上传
    • 从 AI 开始
  • 框架指南
    • Agent
    • 前端
      • Vite
      • React
      • Vue
      • Hugo
      • 其他框架
    • 后端
    • 全栈
      • Next.js
      • Nuxt
      • Astro
      • React Router
      • SvelteKit
      • TanStack Start
      • Vike
    • 自定义 404 页面
  • 项目指南
    • 项目管理
    • edgeone.json
    • 缓存配置
    • 构建输出配置
    • 错误码
  • 构建指南
  • 部署指南
    • 概览
    • 触发部署
    • 管理部署
    • 部署按钮
    • 使用 Github Action
    • 使用 Gitlab CI/CD
    • 使用 CNB 插件
    • 使用 IDE 插件
    • 使用 CodeBuddy IDE
  • 域名管理
    • 概览
    • 自定义域名
    • 配置 HTTPS 证书
      • 概览
      • 申请免费证书
      • 使用 SSL 托管证书
    • 配置 DNS 的 CNAME 记录
  • 可观测性
    • 概览
    • 指标分析
    • 日志分析
  • Functions
    • 概览
    • Edge Functions
    • Cloud Functions
      • 概览
      • Node.js
      • Python
      • Go
  • Agents
    • 概览
    • 快速开始
    • 对话存储
    • 可观测
    • 沙箱工具
      • 概览
      • Agent 框架使用
      • 沙箱原子 API
      • 网络搜索工具
    • Agent 鉴权
  • Models
    • 概览
    • 模型与厂商
      • 概览
      • 使用厂商密钥
        • OpenAI
        • Anthropic
        • Google AI Studio
        • DeepSeek
        • MiniMax
        • 混元
        • 智谱
        • 月之暗面
    • 常见问题
  • 存储
    • 概览
    • KV
    • Blob
  • 中间件
  • AI 原生开发
    • Skills
    • MCP
  • Copilot
    • 概览
    • 快速开始
  • API Token
  • EdgeOne CLI
  • 消息通知
  • 集成指南
    • AI
      • 对话型大模型集成
      • 图片大模型集成
    • 数据库
      • Supabase 集成
      • Pages KV 集成
    • 电商
      • Shopify 集成
      • WooCommerce 集成
    • 支付
      • Stripe 集成
      • Paddle 集成
    • CMS
      • WordPress 集成
      • Contentful 集成
      • Sanity 集成
      • Payload 集成
    • 身份验证
      • Supabase 集成
      • Clerk 集成
  • 最佳实践
    • 为网站添加 AI 对话助手
    • AI 对话式部署:使用 Skill 一句话部署项目
    • 使用通用大模型快速搭建 AI 应用
    • 使用边缘 AI 模型快速搭建对话型 AI 站点
    • 使用 Shopify 搭建电商平台
    • 使用 Supabase 和 Stripe 搭建 SaaS 站点
    • 如何快速搭建公司品牌站点
    • 如何快速搭建博客站点
  • 迁移指南
    • 从 Vercel 迁移至 EdgeOne Makers
    • 从 Cloudflare Pages 迁移至 EdgeOne Makers
    • 从 Netlify 迁移至 EdgeOne Makers
  • 排障指南
  • 常见问题
  • 限制与配额
  • 价格与套餐
  • 联系我们
  • 产品动态

构建指南

本章将介绍 Makers 部署的构建步骤及其工作原理。
在创建项目时,使用预设模板的情况下,Makers 将采用模板的默认配置进行构建;而对于导入的 GitHub 仓库,Makers 会自动识别所使用的框架,并应用最常见的构建配置。
如果您需要特定的设置,可以在创建新项目时或在项目设置中自定义根目录、构建命令和输出目录等参数。
您可以通过两种方式启动 Makers 部署:
将代码变更推送到 GitHub。
在控制台里面启动重新部署。

构建设置

您可以从「项目设置 - 构建部署配置」指定 Makers 如何构建您的项目。




框架预设

通过下拉菜单选择预设的框架,可以快速填充各个配置项。选择框架后,您仍然可以继续调整其他配置。

根目录

根目录是执行构建命令的路径,如果未设置,默认为存储库的根目录 ./

输出目录

输出目录是存放构建产物(例如 HTML 文件和静态资源)的路径。该目录相对于根目录,默认为 root ( / )。您可以通过 构建指南 查询不同框架对应的输出目录。

构建命令

Makers 会根据所选框架自动设置构建命令,例如 npm run build。构建命令将在 Bash shell 中运行,您也可以添加与 Bash 兼容的语法。
有关不同框架对应的构建命令,请参见 构建指南

安装命令

Makers 在构建时会自动检测安装命令,从 package.json 安装依赖项。默认为 npm install
目前支持的包管理器如下:
包管理器
Lock 文件
安装命令
支持版本
Yarn
yarn.lock
yarn install
1
npm
package-lock.json
npm install
8, 9, 10
pnpm
pnpm-lock.yaml
pnpm install
6, 7, 8, 9

Node 版本

Makers 预装了 14.21.3、16.20.2、18.20.4、20.18.0、22.11.0、22.17.1、22.21.1、24.5.0、24.11.0 几个 Node 版本,您可以在「项目设置 - Node.js 版本」进行选择。



注意:
预装的 Node 版本里提供 pnpm、yarn、bun 等包管理器,若项目根目录里有 .nvmrc 会自动下载并切换至指定版本,但不包含相应的包管理器。

环境管理

Makers 为每个项目默认提供生产预览两个部署环境,二者均不可删除,各自拥有独立的关联分支、域名和环境变量。您可以在「项目设置 - 环境管理」中查看和管理这两个环境。

生产:关联生产分支(例如 main),通过该分支触发的部署将作为生产环境,更新至用户访问的线上网站。
预览:关联所有未分配到其他环境的 Git 分支,通过这些分支触发的部署将作为预览环境,便于预览新功能、修复 bug 或进行其他测试。
点击环境操作列的编辑,可配置以下内容:
环境名称关联分支:生产、预览为系统环境,二者的名称与关联分支固定,不支持修改。
域名:为该环境绑定的访问域名。
自动部署:开启后,每次符合条件的代码提交合并都会新建一个部署。
环境变量:查看并编辑对该环境生效的环境变量。若某个变量同时对其他环境生效,修改和删除该环境变量会影响其他环境。环境变量的更多说明详见下文「环境变量」。

环境变量

Makers 支持使用环境变量来构建您的项目。每个环境变量可设置变量名、变量值、备注,以及生效范围。

如需批量导入环境变量,可以将 .env 文件中的所有环境变量粘贴至变量名的输入框内,Makers 会自动识别。
注意:
您对环境变量的任何更改将不会影响之前的部署,这些更改仅适用于新的部署。
变量名的长度限制为 255 个字节,变量值的长度限制为 500 个字节。


ai-agent
你可以这样问我
如何开始使用 EdgeOne Makers?