Jenkins +nginx 搭建前端构建环境

时间 2019-11-08

标签 jenkins nginx 搭建前端构建环境栏目自动化构建繁體版

原文原文链接

欢迎访问幸福拾荒者，一个前端知识总结分享平台，与你们一块儿共同成长共同进步！🙏🙏🙏javascript

前期准备

liunx 基本命令
git 基本命令
nginx
jenkins

工具

github 帐号和项目
git
centos 服务器

坐稳啦！要发车啦！

首先登陆你远程服务器地址

输入远程服务器地址css

ssh 用户名@远程服务器 ip 地址
复制代码

首次登陆有提示信息输入 yes 就行了 html

登陆成功！

安装nginx

nginx -v  //输入查看
复制代码

说明服务器没有安装 nginx 前端

yum install nginx //输入下载
or
yum install epel-release //若是上一步安装失败
yum install nginx //再次下载 
复制代码

y //回车
复制代码

安装完毕！ java

nginx -v
复制代码

nginx 已经安装完毕

修改nginx配置

nginx -t //查看配置文件地址
cd /etc/nginx
ls //能够看到 nginx.conf 配置文件
复制代码

vim nginx.conf
or
yum install vim //若是没有能够安装vim 再次执行上步
复制代码

vim 编辑器用法

i //编辑器底部出现 insert 后 你能够编辑配置文件了；
复制代码

修改配置 user 改为 root (服务器用户名个人是 root) nginx

这是默认静态资源文件存放的地址 git

esc //退出编辑模式
:+ wq //保存退出
nginx -t 查看配置文件是否报错
复制代码

配置显示成功 github

建立项目

cd /root
mkdir www
cd www
vim index.html //建立 index.html 文件
复制代码

输入如下内容（hello world） web

保存退出shell

nginx // 启动nginx server
复制代码

而后在本地浏览器输入你的 ip 地址加/index.html 就能看到大大的 hello world ! 服务器配置 server 结束

注：若是访问出错查看阿里云安全组- 安全组规则是否配置

配置 Jenkins

安装

首先要先下载 java 依赖包和 git

yum install java
yum install git
复制代码

首先要先添加 Jenkins 源

wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat/jenkins.repo
rpm --import https://jenkins-ci.org/redhat/jenkins-ci.org.key
复制代码

yum install jenkins //完成以后直接使用 yum 命令安装 Jenkins
复制代码

配置

Jenkins 修改权限

vim /etc/sysconfig/jenkins
复制代码

找到$JENKINS_USER 改成 “root”:

而后更改执行如下命令 Jenkins home，webroot 和日志的全部权：

chown -R root:root /var/lib/jenkins
chown -R root:root /var/cache/jenkins
chown -R root:root /var/log/jenkins
复制代码

service jenkins restart  //启动 jenkins
复制代码

jenkins 启动成功

启动Jenkins

在本地浏览器输入你的 ip 地址加默认端口 8080 就能够看到 jenkins 解锁页面啦

要输入管理员密码那么刚刚安装的时候忘记保存了也不要紧页面上有提示那咱们就去指定的目录找吧 vim /var/lib/jenkins/secrets/initialAdminPassword

就获得了密码串复制到输入框执行一下步吧

选择安装推荐的插件便可等待安装

不用多说输入就行了执行保存并完成

下一步默认就行了开始使用 jenkins

建立任务

开始配置第一个 jenkins 任务

建立一个自由风格的输入名称点击肯定就行了

项目结构

admin
    html
        home.html
    js
        home_page.js
    css
        home.css
    
复制代码

填写描述、填写你的 git URL 地址

在构建中选择“执行 shell” 输入如下命令

rm -rf test.tar.gz
tar czvf test.tar.gz *
mv -f test.tar.gz /root/www
cd /root/www
tar -xzvf test.tar.gz
rm -rf test.tar.gz
复制代码

点击保存、回到工程项目下点击当即构建等待执行完成(成功)

在本地浏览器输入你的 ip 地址加/html/home.html 就能看到构建的项目了

尝试在 git 上修改文件保存后执行当即构建成功后，而后在本地浏览器刷新发现代码已经修改

欢迎访问幸福拾荒者了解更多前端知识！