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 的部署流程。这种方式不仅完全免费,而且可以完美替代原有的自动部署功能。

相关推荐
sdaxue.com6 小时前
帝国CMS:如何去掉帝国CMS登录界面的认证码登录
数据库·github·网站·帝国cms·认证码
m0_748247556 小时前
github webhooks 实现网站自动更新
github
张国荣家的弟弟7 小时前
【Yonghong 企业日常问题04】永洪BI可视化工具Linux部署全攻略(部署详解版)
linux·运维·github
油泼辣子多加9 小时前
2024年12月23日Github流行趋势
github
lsalp11 小时前
OpenAI于2024年12月21日在GitHub上正式发布了实时嵌入式SDK。支持ESP32-S3
物联网·github·esp32-s3
诸神缄默不语13 小时前
如何在服务器上克隆、pull、push GitHub私有项目
运维·github
dami_king14 小时前
项目开源能够带来什么?从中得到了什么?
开源·gitlab·github
沉默王二15 小时前
虾皮开的很高,还有签字费。
后端·面试·github
苏三有春16 小时前
五分钟学会如何在GitHub上自动化部署个人博客(hugo框架 + stack主题)
git·go·github
油泼辣子多加1 天前
2024年12月18日Github流行趋势
github