《小团队web技术搭建》(七)自动化部署方式(CI/CD)(二)

简介: 《小团队web技术搭建》(七)自动化部署方式(CI/CD)(二)
欢迎关注系列专栏《小团队web技术搭建》


《小团队web技术搭建》(一)环境和工具的准备-第一部分

《小团队web技术搭建》(二)环境和工具的准备-第二部分

《小团队web技术搭建》(三)环境和工具的准备-第三部分

《小团队web技术搭建》(四)虚拟机的安装使用

《小团队web技术搭建》(五)项目的简单部署方式

《小团队web技术搭建》(六)自动化部署方式(CI/CD)(一)

《小团队web技术搭建》(七)自动化部署方式(CI/CD)(二)

持续更新中...

上一篇文章我们讨论和试验了CI/CD流程,相信各位已对它有一个大体的了解,但其安装和配置都比较繁琐,市面上有一类平台提供傻瓜式的CI/CD服务,通过简单、人性化的操作界面,就能新建并运行起一个流水线,比如Github ActionGitee CICD流水线Teambition Flow(飞流)等等,所以自动化部署你可以考虑使用这一类平台。

使用这类平台还有一个好处,你的构建任务所消耗的服务器资源是“白嫖”的。

平台局限性

值得注意的是,这类平台存在一定局限性,会优先支持或者只支持自家产品线上的代码源或者服务器,比如说gitee流水线的代码源只支持gitee库,飞流只支持绑定阿里云主机或者自有主机(teambition属于阿里旗下);并且构建环境版本可能不够全,比如飞流的Node版本目前(截至交稿时间)最高12.2。

image.png

也就是说如果你要选择这类服务,你最好在特定平台下的代码源或服务器要选择该厂商下的CI/CD平台,并且是否能接受构建工具/语言的版本限制(当然,版本不够用的情况,你也可选择直接在服务器构建来绕开这个局限性)。

下面我们以Flow飞流为例(部署目标服务器需是阿里云提供),实验一下它的大体配置运行流程。

新建流水线

飞流是teambition产品生态下的其中一员,所以如果你的团队用的协作工具、git托管用的是它的产品,那用飞流是比较合适的。

这里我们还是用之前写的托管在github上一个简单前端demo进行测试,它的运行结果是一个Hello world网页,当然因为网络问题(有时候会遇到),我不建议你使用github进行此次试验,你可以使用gitee里的仓库进行试验。

image.png

现在我们开始,点击飞流首页中的新建流水线

image.png

根据部署项目的类型,按实际情况选择模板(不用担心,选错了可以删除重来,或者新建流水线后手动调整,你甚至可以选择一个空模板),这里我们以部署一个Nodejs项目为例,所以选了这个模板,然后点击创建:
image.png

配置流水线

绑定代码源

填写一个你流水线名称(一般是填写项目名称),然后绑定一个代码源,这里我们绑定刚才说的前端demo仓库,首次绑定仓库你可以需要账号授权(如github账号授权):

image.png

测试流程

这里配置你的测试流程,如果没有的话,你甚至可以把整个测试流程删掉,但是不建议去掉单元测试、代码风格等校验。

image.png

构建

然后来到构建这一栏,点击Node.js构建,我们按此项目的实际构建情况,配置构建脚本:

image.png
我们来解释下这段脚本:

# 进入要部署的项目目录,因为此仓库我们要部署的项目在`demo/cicd-demo`
cd demo/cicd-demo

# 安装Node.js依赖 当然这个demo不需要任何依赖,所以你可以省略
# npm install

# 构建
npm run build

在打包路径这里,按照本项目的情况填写:

./demo/cicd-demo/dist

image.png

部署

来到部署一栏,我们需要把飞流的构建产物放到我们的部署服务器,也就是真正运行这个项目的服务器。

如果你在主机组还没有服务器,你可以新建绑定一个,前提是它要是一个阿里云服务器或自有服务器:
image.png

绑定一个阿里云服务器,按进行授权:

image.png
这里必须要勾选阿里云颁发的唯一用户标志符,否则授权无效:
image.png

image.png

在阿里云控制台的服务器信息确认主机地区,名称等:
image.png

确认授权完成后回到刚才绑定主机的地方,按地区筛选出主机,然后绑定:

image.png

image.png

配置部署脚本,在上一篇文章我们已经为这个项目配置了nginx,并且解析到/www/projects/demo/demo2目录,所以这里的下载路径我们填写/www/projects/demo/demo2/package.tgz,也就是打包到服务器的构建物目录和包名:

image.png
构建脚本就是做了该文件解压到部署目录:

tar zxvf /www/projects/demo/demo2/package.tgz -C /www/projects/demo/demo2/

运行流水线

点击保存并运行,或者保存后退出流水线再运行,等待运行成功。

image.png

image.png

在这过程中如果报错了,你可以查看日志再次编辑流水线进行调整,或者你想了解它的工作过程也可以点击日志查看:

image.png

运行成功后,我们到服务器查看文件已经上传并解压完毕:

image.png

接下来我们查看部署地址http://47.96.177.197:8990/:

image.png

部署已完成,下次有代码更新时点击下运行项目对应的流水线即可,你可以按提示配置代码提交触发流水线,这种一般在测试环境可以用,生产环境慎用。

感谢阅读!欢迎关注系列专栏《小团队web技术搭建》
相关文章
|
13天前
|
jenkins Java 持续交付
软件开发自动化程度的不断提高,持续集成(CI)和持续部署(CD)成为现代软件开发的重要组成部分
随着软件开发自动化程度的不断提高,持续集成(CI)和持续部署(CD)成为现代软件开发的重要组成部分。本文以电商公司为例,介绍如何使用 Jenkins 自动发布 Java 代码,包括安装配置、构建脚本编写及自动化部署等步骤,帮助团队实现高效稳定的软件交付。
25 3
|
12天前
|
SQL 负载均衡 安全
安全至上:Web应用防火墙技术深度剖析与实战
【10月更文挑战第29天】在数字化时代,Web应用防火墙(WAF)成为保护Web应用免受攻击的关键技术。本文深入解析WAF的工作原理和核心组件,如Envoy和Coraza,并提供实战指南,涵盖动态加载规则、集成威胁情报、高可用性配置等内容,帮助开发者和安全专家构建更安全的Web环境。
30 1
|
15天前
|
负载均衡 监控 算法
论负载均衡技术在Web系统中的应用
【11月更文挑战第4天】在当今高并发的互联网环境中,负载均衡技术已经成为提升Web系统性能不可或缺的一环。通过有效地将请求分发到多个服务器上,负载均衡不仅能够提高系统的响应速度和处理能力,还能增强系统的可扩展性和稳定性。本文将结合我参与的一个实际软件项目,从项目概述、负载均衡算法原理以及实际应用三个方面,深入探讨负载均衡技术在Web系统中的应用。
47 2
|
23天前
|
运维 监控 jenkins
运维自动化实战:利用Jenkins构建高效CI/CD流程
【10月更文挑战第18天】运维自动化实战:利用Jenkins构建高效CI/CD流程
|
9天前
|
Web App开发 测试技术 数据安全/隐私保护
自动化测试的魔法:使用Python进行Web应用测试
【10月更文挑战第32天】本文将带你走进自动化测试的世界,通过Python和Selenium库的力量,展示如何轻松对Web应用进行自动化测试。我们将一起探索编写简单而强大的测试脚本的秘诀,并理解如何利用这些脚本来确保我们的软件质量。无论你是测试新手还是希望提升自动化测试技能的开发者,这篇文章都将为你打开一扇门,让你看到自动化测试不仅可行,而且充满乐趣。
|
12天前
|
Web App开发 设计模式 JavaScript
自动化测试之美:如何利用Selenium实现Web应用的高效测试
【10月更文挑战第29天】在软件开发的世界中,测试是确保产品质量的关键步骤。本文将带你了解如何使用Selenium这一强大的自动化测试工具,提高Web应用测试的效率和准确性。通过实际案例,我们将探索Selenium的核心功能及其在现代软件开发中的应用,旨在帮助读者掌握自动化测试的精髓,从而提升软件测试工作的整体效能。
|
16天前
|
监控 前端开发 JavaScript
前端技术探索:构建高效、可维护的Web应用
【10月更文挑战第23天】前端技术探索:构建高效、可维护的Web应用
32 0
|
19天前
|
运维 安全 Devops
DevOps实践:持续集成与持续部署(CI/CD)的自动化之路
【10月更文挑战第22天】在软件交付的快速迭代中,DevOps文化和实践成为企业加速产品上市、保证质量和提升客户满意度的关键。本文将通过一个实际案例,深入探讨如何利用持续集成(Continuous Integration, CI)和持续部署(Continuous Deployment, CD)实现软件开发流程的高效自动化,包括工具选择、流程设计以及问题解决策略。我们将一起探索代码从编写到部署的全自动化旅程,揭示其对企业运维效率和产品质量所带来的深远影响。
|
23天前
|
运维 监控 jenkins
运维自动化实践:利用Jenkins实现高效CI/CD流程
【10月更文挑战第18天】运维自动化实践:利用Jenkins实现高效CI/CD流程
|
1月前
|
机器学习/深度学习 人工智能 运维
构建高效运维体系:从自动化到智能化的演进
本文探讨了如何通过自动化和智能化手段,提升IT运维效率与质量。首先介绍了自动化在简化操作、减少错误中的作用;然后阐述了智能化技术如AI在预测故障、优化资源中的应用;最后讨论了如何构建一个既自动化又智能的运维体系,以实现高效、稳定和安全的IT环境。
61 4

热门文章

最新文章