这一篇是在AtlasMap重构已发表的单细胞数据库的基础上,使用Cloudflare提供的page和worker功能进行前后端分离搭建。
流程很简单,先在frontend生成用于发布的静态文件,这里你需要设置你的后台服务器。
UPSTREAM_ORIGIN=http://your.backend.server npm run build:cloudflare
此时会在frontend目录下生成两个子目录:
- dist: 静态资源站点
- functionns : 基于worker实现方向代理
使用cloudflare wrangler命令进行部署。这一步需要你的注册一个Cloudflare的账号
# 1) 登录
npx wrangler login
# 2) (可选)创建 Pages 项目
npx wrangler pages project create <PROJECT_NAME>
# 3) 部署:在项目根目录执行(根目录要有 functions/)
npx wrangler pages deploy dist --project-name <PROJECT_NAME>
注: 后台服务器 nginx 转发设置保持不变,参考AtlasMap重构已发表的单细胞数据库里的后端配置部分。
此时,他会提供一个跟项目关联的域名给你,类似于 https://plantcellatlas.pages.dev , 当然你也可以选择使用CNAME设置自定义域名。

