跳到主要内容

部署

  • Cloudflare Workers
  • Vercel
  • Cloudflare部署：
    • 前端应用使用Cloudflare Pages
    • 后端服务使用Cloudflare Workers

前后端统一部署：利用 Cloudflare Workers Sites 进行统一部署

前端和后端分开独立部署：前端使用Cloudflare Pages部署静态资源，后端用Cloudflare Workers 部署 API

Cloudflare Workers​

  • 在同一个仓库中：
    • 前端使用 Vite 构建，输出静态资源到 dist 目录。
    • 后端通过 Hono 构建为一个 Cloudflare Worker

配置 Workers Sites统一部署​

  • 在一个统一的 wrangler.toml或者wrangler.jsonc 文件中，你可以配置静态站点和 Worker
json
name = "my-fullstack-app"
type = "javascript"
account_id = "YOUR_CLOUDFLARE_ACCOUNT_ID"
workers_dev = true
compatibility_date = "2025-02-25"

[site]
bucket = "./dist"          # 前端静态文件目录
entry-point = "worker"     # 指向你的 Worker 入口文件所在目录

# 其他配置...

部署命令​

  • 运行构建命令：分别构建前端和后端。
  • 运行 wrangler publish 将整个应用部署到 Cloudflare Workers，Cloudflare 会自动分配一个免费的 workers.dev 域名

Workers 部署api​

Cloudflare Pages​

  • 前端项目使用Cloudflare Pages来部署
  • 在 Cloudflare Pages 后台新建项目，连接 GitHub 仓库
  • 设置构建命令
  • 部署完成后，会获得一个自定义的 Pages 域名