确认生成完成并进入发布准备页
在Emergent界面右侧看到绿色“✅ Generated successfully”提示后,点击下方“Publish & Share”按钮。
此时页面自动跳转至发布设置页,顶部显示当前应用名称、生成时间及技术栈(如:Next.js + PostgreSQL + Vercel托管),【必须在此页完成设置,离开即丢失未保存状态】。
选择部署方式
Emergent提供三种发布路径,适用场景不同:
方法一:一键托管(推荐新手)
点击“Deploy to Emergent Cloud” → 选择区域(us-west-1 / eu-central-1)→ 开启“Auto HTTPS”和“Custom Domain”开关 → 输入子域名(如:myshop.emergent.app)→ 点击“Confirm & Deploy”。
系统自动完成构建、容器化、SSL证书申请与CDN接入,50秒内返回可访问链接。
方法二:导出为可部署包(需自有服务器)
这一路径更适合手里本来就有服务器的场景。操作顺序也不复杂:点击“Export as ZIP” → 勾选“Include backend API server”和“Frontend static files” → 下载压缩包。
压缩包解开后,目录里会包含 docker-compose.yml、.env.example 以及 build/ 文件夹;【注意:.env.example 必须先改名为 .env,再把数据库连接串填进去,否则服务会直接启动失败】。
完成这些准备后,执行 docker-compose up -d,就能把整套前后端服务跑起来,默认监听 3000(前端)和 8000(API)端口。
方法三:对接私有Git仓库(适合团队协作)
操作流程并不复杂:点击“Connect to Git” → 授权GitHub/GitLab账户 → 选择目标仓库 → 设置分支(默认main)→ 打开“Push on every edit”开关。
完成这一步之后,后续每次在Emergent里修改并保存内容,系统都会自动提交新的commit,同时触发你的CI/CD流水线,前提是提前把build-and-deploy job配置好。
验证部署结果
第一步:打开生成的URL(如 https://myshop.emergent.app),检查是否返回首页且无“502 Bad Gateway”错误。
第二步:在浏览器开发者工具Console中输入 window.__EMERGENT_ENV,确认输出对象包含 isProd: true 和 apiBase: "https://api-myshop.emergent.app"。
第三步:用真实手机号注册一个账号,提交表单后登录后台管理页(路径通常为 /admin),查看数据是否写入数据库并实时同步。
