背景

前段时间与室友在交流中聊到了互联网每个岗位的职责,然后就聊到了测试岗位!

一个同学不禁发问:”如果我们开发接到了特别庞大的项目,开发周期特别久,难道测试团队就一直干等着我们开发前端开发需要学什么结束再进行测试吗?那这样Node.js的话做测试不是很爽吗!“前端开发需要学什么

我不禁感慨:“难道一个测试团队对接的是多个开发团队?”

带着这个疑nodejs与java交互问,我询问了一个老大哥,他跟我说:“菜鸟,自动化部署了解一下?”

于是就有了今天这篇文章,同时我也查阅安全工程师了资料,看了相关视频。顺便将我的半成品毕业设计进行了自动化部署,不得不说,真香!浏览器的历史每天写完代码只需要在本地发起一个git提交,剩下的打包构建,代码部署,全部由今天的主人公Jenkins自动化完成(我的后端接口是写好了的,效率已经用传统部署的方式进行了部署,所以我主要是将我的前端项目进行了自动化部署)

传统开发模式

code --> build --> test --> release --> opearte

显而易见的弊端,前端学什么项目只有等到开发人nodejs与java交互员开发完成之后,才能进行测试和部署。各岗位之间无法同步nodejs和js的区别工作,很不协调!而且一旦线上出现bug,也只能安全教育日等待问安全教育手抄报题,然后又是这样的一套流程走,效率极低!

自动化部署

其实,最简单的来形容自动化部署:但我在本地开发之后,只需要把代码进行推送到远程仓库(比如:gith浏览器历史记录设置ub),服务器会自动进行构建打包,自动完成部署!

部署需求

  • 开发完成 或者 开发中的前端项目
  • 购买阿里云服务器,我在双十一的时候就白嫖了一个!

搭建服务器环境

jenkins的安装

远程连接

ssh root@  后边再加上你的服务器ip地址
例如我自己的服务器:ssh root@120.25.203.54
然后输入密码 就成功连接上了

安装dnf

centOS8默认是装了dnf的,可以敲命令查看

dnf

都2022年了,还不用Jenkins自动化部署?

centOS7前端开发需要掌握什么技术用的是yum,我们可以用yum来安装dnf

yum install dnf

安装Java环境

Jenkins本身是依赖Java的,所以我们需要先安装Java环境

dnf search java-1.8 #可以先搜索
dnf install java-1.8.0-openjdk.x86_64

安装Jenkins

因为浏览器的历史Jenk安全生产法ins本身是没有在dnf的软件仓库包中的,所以我们需要连前端是什么工作接Jenkins前端学什么仓库:

执行命令:

wget –O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat-stable/jenkins.repo

下载之后我们通过 ls命令进行查浏览器的历史记录在哪看,安装成功

jenkins.repo

但是有可能下载之后并没有安装在我们指定的文浏览器推荐件夹:/etc/yum安全教育平台作业登录.repos.d/jenkins.repo

我们通过pw浏览器的历史记录在哪d命令查看,我自己的情况是没有安装在指定文件夹,而是安装在/root

所以我需要移动该文件

mv jenkins.repo /etc/yum.repos.d/
​
#我们可以进入对应的文件夹查看
cd /etc/yum.repos.d/
#然后执行命令查看是否有 jenkins.repo
ls

都2022年了,还不用Jenkins自动化部署?

接下来的操作:导入GPG密钥以确保您的软件合安全教育平台登录

rpm --import https://pkg.jenkins.io/redhat/jenkins.io.key

编辑一下文件 /etc/yum.repos.d/jenkins.repo

vi jenkins.repo

进入该文件,点击i进入编辑模式

[jenkins]
​
name=Jenkins-stable
​
baseurl=http://pkg.jenkins.io/redhat (把这里多出来的单词-stable删掉)
​
gpgcheck=1

修改之后点击esc,然后按住shift再按下:,输入wq,保存并退出

最后进行Jenkins的安装

dnf install jenkins

启动Jenkins的服务:

systemctl start jenkins  #启动
systemctl status jenkins  #查看状态
systemctl enable jenkins  #设置操作系统重启,jenkins也会自动重启

Jenkins默认使用8080端口提供服务,所以在服务器安全组中开启8080端口

直接访问 ip地址+8080端口

根据提示在命令行中查看密码,进行登录

cat /var/lib/jenkins/secrets/initialAdminPassword

登录成功之后,根据提示安装推荐的插件

安装成功之后,根据提示创建管理员用户

都2022年了,还不用Jenkins自动化部署?

到此,我们的Jenkins就安装成功了,也创安全教育平台作业登录建了我们自己的管理员账户,接下来我们进行nginx反向代理服务器的安装与配置。

nginx安装和配置

安装nginx

dnf install nginx

启动nginx

systemctl start nginx
systemctl status nginx
systemctl enable nginx

这个时候启动成功了,在浏览器访问你的ip地址就可以看到对应的nginx界面(默认端口是80)

实际上此时访问的界面对应的文件为:/u浏览器哪个好ser/share/n浏览器推荐ginx/html/index.html

我们可以把我们想要部署的项目放在 /root下 新建的文件夹安全期计算器

cd /root/         #进入root文件夹
mkdir mail_project      #新建文件夹 mail_project
cd mail_project         #进入mail_project文件夹 
touch index.html        #新建文件 index.html
vi index.html           #进入编辑模式,可任意编辑

接下来我们希望我们在浏览器访问到的是我们刚刚新建的这个index.html

此时我们需要的是修改nginx的默认配置

配置nginx

输入命nodejs安装及环境配置令,编辑文件

vi /etc/nginx/nginx.conf

此时进入nginx的配置文件,我们要进行修改,但是在linux的环境下编辑文本可能不是太方便,很容易修改错,所以这里推荐的方法为:将vscode与远程服效率的拼音务器进行连接

vscode的配置

安装插件:前端和后端 Remote-SSH

都2022年了,还不用Jenkins自动化部署?

然后进行连接

都2022年了,还不用Jenkins自动化部署?

连接成功之后效率公式,进入文件里边效率公式点击打开文件夹,此时打开的文件即为服务器的文件,可以做任何的修改

此时我们可以nodejs和java性能修改 /root/mail_project/indnodejs和java性能ex.html效率的拼音

然后再修改nginx的配置:/etc/nginx/nginnodejs是干嘛的x.conf

浏览器历史记录设置们这里主要配置nginx的用户和默浏览器下载认访问目录:

配置nodejs菜鸟教程用户:

都2022年了,还不用Jenkins自动化部署?

配置访问目录:

都2022年了,还不用Jenkins自动化部署?

配置完成之后重新启动nginx

systemctl restart nginx

然后在浏览器重新访问,此时就可以看到我们刚刚写的html文件所渲染的页面了!

事已至此,我们只要把我们的项目进行打包,安全教育平台作业登录然后放在浏览器的历史记录在哪刚刚的mall_project里边即可完成部署!

这是传统的部署的方式,我们这次要做的实现自动化部署,所以接下来我们要在刚刚安装的Jenkins进行我们项目的配置!

jenkins的配置

本地项目推送

首先我们要把我们的项目推送到github上面

  • 新建一个仓库,进行命名

  • 在本地项目目录打开git bash

    • git in前端和后端it
    • git remote add 远程地址
    • git add .
    • git co安全教育平台作业登录mmit -m '部署项目'
    • git push -u origin master

Jenkins用户

我们后面会访问centos中的某些文件夹,默认Jenkins使用的用户是 jenkins,可能前端是什么工作会没有访问权限前端面试题,所以我们需要修改一下它的浏览器数据如何恢复用户:

修改文件的路径:/etc/sysconfig/jenkins

都2022年了,还不用Jenkins自动化部署?

之后需要重启安全教育日一下Jenkins:

systemctl restart jenkins

Jenkins项效率意识方面存在的问题目配置

在浏览器nodejs安装步骤登陆我们的Jenkins的可视化界面,输入ip地址:8080

点击:新建Item

都2022年了,还不用Jenkins自动化部署?

然后编写项目的描述

都2022年了,还不用Jenkins自动化部署?

源码管理我们选择的是 Git

我们的服务器上边是没有git的,所以我们需要安装

dnf install git

安装成功之后,进行我们的源码管理编写

我们需要进行添加,效率计算公式选择Jenkins

都2022年了,还不用Jenkins自动化部署?

用户名填写你的github账号,密码的话需要填写的是token,可以在github上边进行生成,这里就不展开了…

填写添浏览器加之后,就可以选择你的账号了!

指定分支就安全按照你的代码仓库的分效率高发票查验支进行填写: **/master 或者 /main

都2022年了,还不用Jenkins自动化部署?

构建触发器

这里的触发器规则是这样的:

  • 定时字符串从浏览器的历史记录在哪左往右分别是:分 时 日 月 周
#每半小时构建一次OR每半小时检查一次远程代码分支,有更新则构建
H/30 * * * *
​
#每两小时构建一次OR每两小时检查一次远程代码分支,有更新则构建
H H/2 * * *
​
#每天凌晨两点定时构建
H 2 * * *
​
#每月15号执行构建
H H 15 * *
​
#工作日,上午9点整执行
H 9 * * 1-5
​
#每周1,3,5,从8:30开始,截止19:30,每4小时30分构建一次
H/30 8-20/4 * * 1,3,5

都2022年了,还不用Jenkins自动化部署?

构建环境

此时的构建环境选项中并没有node.js环境安全工程师

我们需要去外部进行安装,先保存

点击Je效率nkins图标,回到主页效率是什么意思面,点击系统管理,再点击插件管理(可能为英文)

都2022年了,还不用Jenkins自动化部署?

点击可选插件,搜索node,在NodeJS打钩,然后点击Download now and install after restart

都2022年了,还不用Jenkins自动化部署?

等待安装之后,重启Jenkins

点击系统管理,点击全局工具配置

拉到最下边,浏览器数据如何恢复新增NodeJS,选择之后点击保存

都2022年了,还不用Jenkins自动化部署?

回到首页之后,点击我们刚刚新建的项目,然后点击配置

都2022年了,还不用Jenkins自动化部署?

构建就是为了效率的拼音执行我们编写的shell脚本

pwd
node -v
npm -v
​
npm install 
npm run build
​
pwd
​
echo '构建成功'
​
ls
​
# 删除/root/mall_cms文件夹里所有的内容
rm -rf /root/mall_project/* 
​
cp -rf ./dist/* /root/mall_project/

都2022年了,还不用Jenkins自动化部署?

回到刚刚的项目页面,点击 立即构建

开始构建之后,我们可以查看控制台输出

都2022年了,还不用Jenkins自动化部署?

都2022年了,还不用Jenkins自动化部署?

构建成功刷新我们的项目页面 ip地址/8080,成功部署!

最后安全

通过这一套流程下来,我们的项目也就成功实现了自动化效率部署,当然,我也完成了我还在开发中的前端毕业设计的自动化部nodejs是干嘛的署,而且每隔半小时,Jenkins就会去拉一次代码,然后进行打包部署。

我们就可以愉快地在我们的本地进行开发nodejs安装啦,开发到一定程度就把代码push到我们的github仓库即可!顺利摆脱了传统的需要nodejs菜鸟教程开发完手动部署的方式!!!