基于免费的Cloudflare搭建单细胞可视化网站

这一篇是在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设置自定义域名。

image-1768737508340

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×