gitee基于webhooks实现前端简单自动化部署
1.为什么采用自动化部署
简而言之,程序员优秀传统:懒 =>高级生产力.
基于gitee进行的自动化部署,服务器环境为Ubuntu
基于webhooks进行的自动化部署更加轻快便捷
2.部署步骤
1).服务器购买
可以购买阿里云抢占式服务器进行实验,花费应该在一大洋以内,或者直接购买一年低配服务器,一百大洋以内.
- 实例创建完成之后要配置安全组 => 只有配置了安全组,对应端口才可以访问(80,以及webhooks需要使用的7777端口
进入实例
配置安全组
加入安全组,选择对应实例
配置
2).服务器安装一些环境
- 连接服务器
- 安装一些环境,例如git,node,pm2
3).gitee创建仓库并配置webhooks
- 创建仓库,并在服务器端添加ssh连接秘钥
// 服务器端生成秘钥:
ssh-keygen -t rsa -c "你的邮箱之类的标识用的" // 不用加双引号
- 具体如何查看ssh-key,可以自行百度,系统不同略有不同
- 在gitee添加ssh-key
- 给仓库添加webhooks
4).webhooks代码与sh脚本
echo start build
# 获取最新版代码
git pull
#安装依赖
npm install
# 打包项目
npm run build
echo build end
var http = require('http')
var createHandler = require('gitee-webhook-handler')
var handler = createHandler({ path: '/example', secret: 'example' })
// 上面的 secret 保持和 Gitee 后台设置的一致
function run_cmd(cmd, args, callback) {
var spawn = require('child_process').spawn
var child = spawn(cmd, args)
var resp = ''
child.stdout.on('data', function (buffer) {
resp += buffer.toString()
})
child.stdout.on('end', function () {
callback(resp)
})
}
http
.createServer(function (req, res) {
console.log(req.url)
handler(req, res, function (err) {
res.statusCode = 404
res.end('no such location')
})
})
.listen(7777, () => {
// 此端口要和gitee设置的端口号一致
console.log('WebHooks Listern at 7777')
})
handler.on('error', function (err) {
console.error('Error:', err.message)
})
handler.on('*', function (event) {
console.log('Received *', event.payload.action)
// run_cmd('sh', ['./deploy-dev.sh'], function(text){ console.log(text) });
})
// gitee 判断方式
handler.on('Push Hook', function (event) {
console.log('Received a push event for %s to %s', event.payload.repository.name, event.payload.ref)
// 此处shell脚本,根据自己编写的文件的文件名来决定
run_cmd('sh', ['./deploy-dev.sh'], function (text) {
console.log(text)
})
})
// github 判断方式
// handler.on('push', function (event) {
// console.log('Received a push event for %s to %s', event.payload.repository.name, event.payload.ref)
// // 分支判断
// if (event.payload.ref === 'refs/heads/master') {
// console.log('deploy master..')
// run_cmd('sh', ['./deploy-dev.sh'], function (text) {
// console.log(text)
// })
// }
// })
5).部署
- 通过git clone ssh地址 将代码拉下来
- 测试git pull 是否能够拉取最新代码
- 通过 pm2 执行webhooks.js(可以先通过node 执行代码进行测试,没问题在通过pm2托管程序)
- 配置nginx文件
- 修改nginx.conf 中的用户为服务器用户即服务器登录名 一般为root
cd /etc/nginx
vi nginx.conf
- 2.添加项目配置
cd /etc/nginx/sites-enabled
vi example // 创建nginx服务配置
server {
listen 80;
# 如果有域名,此处可以根据域名进行映射,没有可以不写
server_name example.zdzspace.cn;
// 对应项目打包静态文件所在地址
root /root/example/dist;
location /{
# root /root/www;
// 当访问 的时候默认直接以dist/index.html 为入口
index index.html;
# 该配置能让vue项目刷新后,仍能正常访问页面
try_files $uri $uri/ /index.html;
}
}
nginx -s reload // 重新加载nginx
- 所有操作完成之后,就可以直接通过git push操作自定进行代码打包编译
6).一些问题
- 端口号占用
lsof -i:端口号 // 查看占用端口号pid
sudo kill -9 pid // 结束对应进程
- nginx命令
nginx -t // 测试配置文件书写是否有误
nginx // 启动nginx
nginx -s stop // 停止nginx
nginx -s reload // 重启nginx
- 接收到请求,但是没有执行脚本
是否对应脚本文件名称写错了 - nginx 不能启动
配置文件书写错误
gitee基于webhooks实现前端简单自动化部署的更多相关文章
- 基于云原生DevOps服务自动化部署前端项目学习总结
本文主要以部署前端Vue项目为例,讲述了如何基于云原生DevOps服务自动化部署前端项目~从开发完成到线上环境,我们只需提交代码即可~ 一.引言 作为一名开发人员,日常工作中我们除了需要负责代码的开发 ...
- 基于Jenkins,docker实现自动化部署(持续交互)
前言 随着业务的增长,需求也开始增多,每个需求的大小,开发周期,发布时间都不一致.基于微服务的系统架构,功能的叠加,对应的服务的数量也在增加,大小功能的快速迭代,更加要求部署的快速化,智能化.因此 ...
- 基于Jenkins,docker实现自动化部署(持续交互)【转】
前言 随着业务的增长,需求也开始增多,每个需求的大小,开发周期,发布时间都不一致.基于微服务的系统架构,功能的叠加,对应的服务的数量也在增加,大小功能的快速迭代,更加要求部署的快速化,智能化.因此 ...
- 基于 Node.js 的服务器自动化部署搭建实录
基于 Node.js 的服务器自动化部署搭建实录 在服务器上安装 Node.js 编写拉取仓库.重启服务器脚本 配置 Github 仓库的 Webhook 设置 配置 Node.js 脚本 其他问题 ...
- 使用webhooks进行代码的自动化部署
AutoMaticDeployment---自动部署 项目简介 使用Github的webhooks进行代码的自动化部署 本项目是个人最近搞的一个小工具,自己最近在用hexo部署个人博客(地址:http ...
- CentOS下Docker与.netcore(四)之 三剑客之一Docker-machine+jenkins简单自动化部署
CentOS下Docker与.netcore(一) 之 安装 CentOS下Docker与.netcore(二) 之 Dockerfile CentOS下Docker与.netcore(三)之 三剑客 ...
- .NetCore基于Jenkins和Gogs的自动化部署方案
准备工作 Jenkins和gogs的安装配置可以看前两篇:Jenkins安装.配置与说明 和 gogs安装与说明(docker) 此外,因为还要安装.net core的SDK和Git工具: 安装.n ...
- 前端 Jenkins 自动化部署
这两天折腾了一下 Jenkins 持续集成,由于公司使用自己搭建的 svn 服务器来进行代码管理,因此这里 Jenkins 是针对 svn 服务器来进行的配置,Git 配置基本一致,后面也介绍了下针对 ...
- 基于 Nebula Operator 的 K8s 自动化部署运维
摘要:Nebula Operator 是 Nebula Graph 在 Kubernetes 系统上的自动化部署运维插件.在本文,你将了解到 Nebula Operator 的特性及它的工作原理. 从 ...
- node项目自动化部署--基于Jenkins,Docker,Github(3)自动化部署
GitHub仓库 由于现在的代码基本上都是多人合作开发,所以肯定会用到像 git 这样的版本控制工具 所以这里使用 GitHub 来做一个演示 首先我们需要在github上新建一个仓库 点击New来新 ...
随机推荐
- 酷呆桌面 CooDesker 桌面整理工具 - 软件推荐
酷呆桌面 CooDesker 桌面整理工具 - 软件推荐 推荐理由 满足了我对桌面映射到某一目录的需求,这样桌面就真的干净了 免费且没有广告 可进入目录继续延展,双击空白地方返回上一层,非常方便 5M ...
- ld: symbol(s) not found for architecture x86_64问题解决
一 写在前面的话: 音频算法仿真过程中,本来是一个跑的好好地程序,突然间在mac下就报错了,出现的错误是: ld: symbol(s) not found for architecture x86_6 ...
- Rust 标准库 Trait 指南
部分内容来自 Rust 2021 年期刊 内容目录 引言 Trait 基础 自动 Trait 泛型 Trait 格式化 Trait 操作符 Trait 转换 Trait 错误处理 迭代器 Trait ...
- 三维模型OBJ格式轻量化的纹理压缩和质量关系分析
三维模型OBJ格式轻量化的纹理压缩和质量关系分析 三维模型的OBJ格式通常包含纹理信息,而对纹理进行轻量化压缩可以减小文件大小和提高加载性能.然而,在进行纹理压缩时需要权衡压缩比率和保持质量之间的关系 ...
- vscode插件设置——Golang开发环境配置
适用读者: Go初学者, 到这里, 你应该是处于已经完成了 go 的安装之后, 准备写个 "Hello Gopher" 之前. 本篇力求给初学者-未来的Gopher 们 一个正确的 ...
- KingbaseES V8R6集群运维案例-- 备库数据库服务意外down分析
案例说明: KingbaseES V8R6一主二备架构的集群,两个备库节点sys_log日志分别不同时间点收到'fast shutdown request'的日志信息,导致备库数据库服务down,需要 ...
- Kingbase ES 自定义聚合函数浅析
文章概要: 基于前面的博文<Kingbase ES 自定义聚合函数和一次改写案例>这篇文章,我们只考虑了自定义聚合函数非并行的情况, 因此,本篇文章将着重解析一下使用PLPGSQL编写并行 ...
- C++中std::function常见用法
C++标准库中的std::function是一个通用的函数封装,可以用来存储.复制.调用任何可调用对象(函数.函数指针.成员函数指针.lambda表达式等).以下是std::function的一些常见 ...
- 求一个整数的因数分解--Java--小白必懂
public class OJ_1415 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); ...
- 数据解析之re正则表达式
数据解析之re正则表达式 1. 正则基础 1.1 为什么使用正则 需求 判断一个字符串是否是手机号 解决 编写一个函数,给函数一个字符串,如果是手机号则返回True,否则返回False 代码 def ...