如何在 Monorepo 项目中自动部署项目至 Vercel

date
Dec 1, 2022
slug
monorepo-github-vercel
status
Published
tags
Vercel
Github Action
Monorepo
summary
vercel 导入 monorepo 项目实践
type
Post

为什么不用 github page?

老生常谈的话题了
因为每个用户(组织)只能开一个 github page,vercel 目前没有限制,它只是单纯的拉项目而已。并且 vercel 是可以部署私有项目的。

为什么是 vercel?

  • 方便
  • 赶时髦,蹭热度
  • 各方面确实做的不错,属于技术为王的公司

如何自动部署

使用 vercel-action 编写 github action 脚本

  1. 登录 vercel 点击add new - project导入项目
  1. Root Directory 中选择要部署的项目,例如 apps/docs,一直下一步点击 deploy 即可
  1. 部署成功后点击该项目然后点击左上角的 Settings 下拉找到Project ID记做 projectId
  1. 点击右上角个人头像进入Settings 下拉找到 Your ID 记做 orgid
  1. 点击右上角个人头像进入Settings 左侧列表点击Tokens 创建一个新的 token 并记录下来
  1. 在项目中新建 .github/workflow 俩个文件夹,进入 workflow 创建 deploy.yml 编写脚本即可。具体可参考:

手动一次,幸福一生

  1. 登录 vercel 点击add new - project导入项目
  1. Root Directory 中选择要部署的项目,例如 apps/docs,一直下一步点击 deploy 即可。如果要部署 monorepo 下的多个项目,重复这俩步即可。
  1. 安装 vercel app 至项目,然后随便推送点代码测试即可
 
需要注意的是,vercel 更新后不再需要安装 github vercel app,它会自动拉取用户的代码部署。详情可参考:
 

© i7eo 2017 - 2024