博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jenkins +nginx 搭建前端构建环境
阅读量:6225 次
发布时间:2019-06-21

本文共 2127 字,大约阅读时间需要 7 分钟。

前期准备

  • liunx 基本命令
  • git 基本命令
  • nginx
  • jenkins
工具
  • github 账号和项目
  • git
  • centos 服务器

坐稳啦! 要发车啦!

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

输入远程服务器地址

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

首次登录有提示信息 输入 yes 就好了

登录成功!

安装nginx

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

说明服务器没有安装 nginx

yum install nginx //输入下载oryum install epel-release //如果上一步安装失败yum install nginx //再次下载 复制代码
y //回车复制代码

安装完毕!

nginx -v复制代码

nginx 已经安装完毕

修改nginx配置

nginx -t //查看配置文件地址cd /etc/nginxls //可以看到 nginx.conf 配置文件复制代码

vim nginx.conforyum install vim //如果没有可以安装vim 再次执行上步复制代码

vim 编辑器用法

i //编辑器底部出现 insert 后 你可以编辑配置文件了;复制代码

修改配置 user 改成 root (服务器用户名 我的是 root)

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

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

配置显示成功

创建项目

cd /rootmkdir wwwcd wwwvim index.html //创建 index.html 文件复制代码

输入以下内容(hello world)

保存退出

nginx // 启动nginx server复制代码

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

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

配置 Jenkins

安装

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

yum install javayum install git复制代码

首先要先添加 Jenkins 源

wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat/jenkins.reporpm --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/jenkinschown -R root:root /var/cache/jenkinschown -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.gztar czvf test.tar.gz *mv -f test.tar.gz /root/wwwcd /root/wwwtar -xzvf test.tar.gzrm -rf test.tar.gz复制代码

点击保存、回到工程项目下 点击立即构建 等待执行完成(成功)
在本地浏览器输入你的 ip 地址加/html/home.html 就能看到构建的项目了
尝试在 git 上修改文件保存后 执行立即构建 成功后, 然后在本地浏览器刷新 发现代码已经修改

转载于:https://juejin.im/post/5b371678f265da599f68dfa2

你可能感兴趣的文章
Java培训学习笔记(四):简单小总结
查看>>
NYOJ467中缀式变后缀式
查看>>
视图层 表格里面的 的超链接
查看>>
Linux里面非常重要的目录
查看>>
angular-seed — AngularJS种子项目
查看>>
开发人员准确理解技术需求:用户想得与说的不一样
查看>>
OpenCV 颜色空间转换参数CV_BGR2GRAY改变
查看>>
Allegro PCB Design GXL (legacy) 从dxf文件中导入板框
查看>>
手撸系列之——ORM(对象关系映射)
查看>>
iOS - OC RunLoop 运行循环/消息循环
查看>>
php smarty使用..
查看>>
FLV文件格式解析
查看>>
将Sqlserver2012Express的mdf文件同步到SqlServer2008
查看>>
10条影响CSS渲染速度的写法与建议(摘抄HTML5中国)
查看>>
选项卡
查看>>
【深度学习】一文读懂机器学习常用损失函数(Loss Function)
查看>>
php判断数据类型
查看>>
css 定位标签设置格式
查看>>
js-实现鼠标滑轮滚动实现换页
查看>>
windows下通过.bat运行java程序
查看>>