【综合学习】CentOS7 使用jenkins并部署基于npm的vue项目
1.CentOS 安装 wget工具(可能已有)。
sudo yum install wget -y
2. 按照jenkins官网,执行几个命令即可安装jenkins成功。
安装`Jenkins`之前需要有`java`环境,不多说。
sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo
sudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key
然后
yum install jenkins
如下图:
3. 安装Jenkins之后的几条命令
查看、启动、重启、停止Jenkins等。
sudo systemctl status/start/stop/reload jenkins.service
或
sudo service jenkins start/stop/reload
另外,
systemctl enable jenkins.service 设置jenkins开机启动
4. 修改jenkins端口
打开配置文件:
vim/etc/sysconfig/jenkins
JENKINS_PORT="8081"
我个人把这个文件里的JENKINS_USER="jenkins"
也改成了JENKINS_USER="root"
,暂不明确会有什么影响。
改了配置后重启启动jenkins即可。
但有可能原来默认的8080端口仍可访问,重启机器即可解决。
5. 防火墙
有时候为了简便,不想逐个控制端口,干脆直接关闭防火墙即可。
开启8888端口
firewall-cmd --zone=public --add-port=8081/tcp --permanent
firewall-cmd --reload
甚至直接开启/关闭/禁用启用…防火墙:
systemctl status/stop/start/enable/disable.. firewalld.service
6.然后就可以在本机访问。
继续向下,安装一些默认的插件。
7. jenkins 配置项目的过程略.
因项目的技术栈不同而各个不同,我这里配置了一个我的npm的vue-cli创建的项目。
已经访问成功,注意这都是在我虚拟机里的,我在宿主机访问的。
8. 小小tips.
linux查看文件夹大小。
//查看系统中文件的使用情况
df -h
//查看当前目录下各个文件及目录占用空间大小
du -sh *
//方法一:切换到要删除的目录,删除目录下的所有文件
rm -f *
//方法二:删除logs文件夹下的所有文件,而不删除文件夹本身
rm -rf log/*
9. vue项目要怎么发布
vue项目在Jenkins已经操作成功,但究竟要怎么发布才科学呢?
不是在vue项目的git目录里执行npm run serve
就完了,这是开发阶段要用到的。
发布到生产环境不是这样的。
是应该先build,产生编译后的文件到dist文件夹中,然后把dist文件夹中的内容copy到 tomcat或者nginx对应的文件夹中才算完。
因此,先安装nginx,这个很简单,略。
比如这里:
CentOS7安装Nginx及配置
效果:
[aaa@qq.com html]# /usr/local/nginx/sbin/nginx
[aaa@qq.com html]#
11. 一个nginx要部署多个站点怎么办
参考一下:
https://www.cnblogs.com/langhaoabcd/p/11413973.html
12. linux cp命令覆盖时候的问题
13.最终效果
最终jenkins、nginx、vue项目等全都运行正常。
上几个图示意。
ps: 虚拟机的ip有时候会变,处理一下配置文件设置为固定的即可。此处略。
上一篇: 数字信号处理——巴特沃斯滤波器设计
下一篇: http缓存 cdn缓存