之前公司的流程是 gitlab + jenkins + nginx(大概是这样其他更细的因为没有机会涉及所以…略),大概的流程是就是代码提交到gitlab再通过jenkins打包部署到服务器,这个时候的效果就是你代码提交的了。暗暗觉得这是一个很 nice 的过程,相对人肉打包,再放到服务器是一个很舒服的过程。所以也一直希望有机会可以自己实践一番。
汇总
- 服务器安装 Java SDK;
- 服务器安装 nginx + 启动;
- 服务器运行启动jenkins;
如果上述的环境你都已经具备的了那么你可以直接跳过这里,查看 一套真实前端开发环境搭建+可持续集成+自动化部署实践(第二篇 jenkins关联 GitHub自动打包部署)
需要的环境成本
提示:
1️⃣如下服务器安装软件,尽可能的使用yum(可以理解为类似 npm 的工具)安装,省去配置环境变量等的繁琐步骤;
2️⃣ssh 终端链接服务器长时间不操作,会断开链接,重登即可;
如下是具体详细的操作 ⏬⏬⏬⏬
①服务器操作步骤,安装 Java SDK;
登录服务器进入 控制台–> 轻量级服务器
首次到服务器修改一下远程连接密码
修改完成之后,使用终端ssh 登录, ssh root@47.107.253.162(@后面是你的服务器的 ip),登录成功后,cd 进入根目录,查看是否有java 环境-java -version(用查看版本的方式),
1 | 安装 java sdk |
②服务器操作步骤,安装 nginx;
1 | // rpm 安装nginx |
安装完毕之后,以默认配置项启动nginx,验证成功与否网页打开你的服务器 ip 即可(ssh root@47.107.253.162,@后面的数字就是你服务器的 ip)
这样算是安装成功并且启动成功了👇
③服务器操作步骤,安装、启动jenkins
官网下载,选择.war包
把下载的 jenkins.war包上传到你的服务器,这里的上传工具 mac 推荐filezilla,windows 推荐 WinSCP,这里我使用的是filezilla,登录方式如下图,
登录成功后,在/user/jenkins 新建jenkins文件把我们下载的jenkins.war拖到这个文件夹中完成上传
filezilla登录你的服务器可能需要开启一下端口,这里是22,默认应该是开启的,如果没有开始你就手动开启一下;
终端登录,找到刚才我们新建,并且上传 jenkins.war 的文件夹。注意 !!!注意 !!! 注意 !!!,这里我们需要以后台挂起的方式运行,终端输入nohup java -jar jenkins.war –httpPort=8080 (后台以8080启动运行),
服务器运行 jenkins.war之后,浏览器输入http://47.107.253.162:8080(你的ip+启动端口)一切正常的话,浏览器打开会出现如下界面
👆上界面提示我们需要一个默认初始化密码,按照提示的文件夹我们可以找到这个密码复制出来
1.在终端上 vim 编辑 copy 出来
2在 filezilla或者 WinSCP中拖到你的电脑桌面用编辑机打开
输入 我们在/root/.jenkins/secrets/initialAdminPassword 中找到的密码,初始化我们的账号
这里我们选择推荐通用插件安装即可,选择后等待完成插件安装以及初始化
创建你的账号,并且记住你的账号,然后一路 next 到底就好了
最后如果都完成了,还是无法刷新出 jenkins系统界面的话可以尝试如下,浏览器中输入即可
1
2
3
4
5
6 1.关闭Jenkins服务
* http://47.107.253.162:8080/exit
2.重启Jenkies服务
* http://47.107.253.162:8080/restart
3.重新加载配置信息
* http://47.107.253.162:8080/reload
最后登录成功之后的界面
由于文章较长,为了友好的阅读体验,第一篇先是介绍服务器需要的配置和软件的安装,下一篇会介绍
Jenkins关联 GitHub,实现GitHub push代码之后自动打包构建项目代码到服务器。
鸣谢~ 都看到这里了,点个赞呗~