⚡️Github集成Netlify:快速预览PR

前言

本文将介绍使用Netlify为Github中的开源项目进行持续部署:

每当项目发生一个Pull Request时,Netlify会构建相应的代码,并自动回复,在回复内容提供一个在线链接,可供开发者快速预览此次改动的效果。

开始使用

image.png

  • 选择一个仓库

image.png

  • 配置构建信息

image.png

  • 还可以配置环境变量

image.png
则在Node.js应用中,可以通过 process.env.PUBLIC_PATH 获取值

修改名字

第一次部署时,默认的名称是随机生成的,可以修改,方便识别并访问
image.png

image.png
image.png
名字即修改成功,这样访问的域名就更好记了。

设置通知

image.png
选择事件为“部署成功后”
image.png
以后项目有Pull Request时,Netlify就是自动构建,并在成功后自动给Pull Request添加回复👏
image.png

集成Gitlab

Netlify也可以集成Gitlab上的私密仓库,其操作与本文对Github的描述别无二致,唯一不同的是,部署成功进行一个评论时,Gitlab需要access token image

可以登录Gitlab后,点击头像 -> 用户设置 -> 访问令牌里获取,范围勾选api image

生成后复制到Netlify即可

原文地址