Vercel 设置自动部署 GitHub 项目

Vercel 设置自动部署 GitHub 项目

问题背景

最近 Vercel 调整了其部署政策,免费版用户无法继续使用自动部署功能,除非升级到 Pro 计划。但是,我们可以通过配置 Deploy Hooks 来实现同样的自动部署效果。

解决方案

通过设置 Vercel 的 Deploy Hooks 和 GitHub 的 Webhooks,我们可以实现代码推送后自动触发部署,而且无需 Vercel 团队访问权限或修改 git 配置。

步骤一:配置 Vercel Deploy Hooks

  1. 进入你的 Vercel 项目设置页面
  2. 找到 Git → Deploy Hooks 选项
  3. 创建一个新的 Hook(比如命名为 "Auto Deploy")
  4. 复制生成的 Deploy Hook URL

步骤二:配置 GitHub Webhooks

  1. 打开你的 GitHub 仓库设置
  2. 进入 Webhooks → Add webhook
  3. 配置以下信息:
    • Payload URL:粘贴刚才复制的 Vercel Deploy Hook URL
    • Content type:选择 application/json
    • 触发事件:选择 "Just the push event"(仅推送事件)
    • SSL verification:启用
  4. 点击 "Add webhook" 完成添加

完成效果

配置完成后,每次你推送代码到 GitHub 仓库时,都会自动触发 Vercel 的部署流程。这种方式不仅完全免费,而且可以完美替代原有的自动部署功能。

相关推荐
LinXunFeng25 分钟前
Flutter - GetX Helper 助你规范应用 tag
flutter·github·visual studio code
草梅友仁2 小时前
AI 图片文字翻译与视频字幕翻译工具推荐 | 2025 年第 23 周草梅周报
开源·github·aigc
qianmoQ6 小时前
GitHub 趋势日报 (2025年06月04日)
github
abcnull7 小时前
github中main与master,master无法合并到main
git·github
星哥说事8 小时前
使用VuePress2.X构建个人知识博客,并且用个人域名部署到GitHub Pages中
开源·github
勤劳打代码9 小时前
步步为营 —— Github Connection refused 分层诊断
github
寻月隐君10 小时前
深入解析 Rust 的面向对象编程:特性、实现与设计模式
后端·rust·github
qianmoQ1 天前
GitHub 趋势日报 (2025年05月31日)
github
油泼辣子多加1 天前
2025年06月06日Github流行趋势
github
粥里有勺糖1 天前
视野修炼-技术周刊第122期 | 发光图片制作
前端·javascript·github