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

相关推荐
京东零售技术11 分钟前
京东正式开源基于国产芯片自研的xLLM大模型推理引擎
github
寻月隐君1 小时前
Rust 泛型编程基石:AsRef 和 AsMut 的核心作用与实战应用
后端·github
ayyyy____2 小时前
把项目通过pycharm上传到github(两种方式)
ide·pycharm·github
专注VB编程开发20年2 小时前
vb.net编写DDE(Dynamic Data Exchange)服务器
运维·服务器·github·vb.net·dde
qq_377572772 小时前
github repository 一个文件忘记添加到 .gitignore
github
方圆想当图灵2 小时前
深入浅出 gRPC
java·后端·github
chaofan9803 小时前
如何用 Claude Code 搭建安全、可测、可自动化的 GitHub CI 流程?
运维·人工智能·ci/cd·ai·自动化·github·claude
ITsheng_ge4 小时前
GitHub Pages 部署静态网站流程、常见问题以及解决方案
前端·github·持续部署
小Lu的开源日常4 小时前
如何使用 GitHub Action 发布 Docker 镜像
docker·开源·github
没有鸡汤吃不下饭8 小时前
Git将某个分支合并到开发(dev)、测试(test)后突然想撤销该分支的功能,怎么处理?
前端·git·github