【综合学习】CentOS7 使用jenkins并部署基于npm的vue项目
  niESts94Ax2J 2023年11月02日 57 0


1.CentOS 安装 wget工具(可能已有)。

sudo yum install wget -y

2. 按照jenkins官网,执行几个命令即可安装jenkins成功。

安装`Jenkins`之前需要有`java`环境,不多说。

​Jenkins官网安装页​

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

如下图:

【综合学习】CentOS7 使用jenkins并部署基于npm的vue项目_html

3. 安装Jenkins之后的几条命令

查看、启动、重启、停止Jenkins等。

【综合学习】CentOS7 使用jenkins并部署基于npm的vue项目_重启_02

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.然后就可以在本机访问。

【综合学习】CentOS7 使用jenkins并部署基于npm的vue项目_nginx_03


继续向下,安装一些默认的插件。

7. jenkins 配置项目的过程略.

因项目的技术栈不同而各个不同,我这里配置了一个我的npm的vue-cli创建的项目。

【综合学习】CentOS7 使用jenkins并部署基于npm的vue项目_nginx_04

【综合学习】CentOS7 使用jenkins并部署基于npm的vue项目_nginx_05

已经访问成功,注意这都是在我虚拟机里的,我在宿主机访问的。

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及配置

效果:

[root@localhost html]# /usr/local/nginx/sbin/nginx 
[root@localhost html]#

【综合学习】CentOS7 使用jenkins并部署基于npm的vue项目_nginx_06

11. 一个nginx要部署多个站点怎么办

12. linux cp命令覆盖时候的问题

Linux下cp -rf总是提示覆盖的解决办法

13.最终效果

最终jenkins、nginx、vue项目等全都运行正常。

上几个图示意。

【综合学习】CentOS7 使用jenkins并部署基于npm的vue项目_nginx_07

【综合学习】CentOS7 使用jenkins并部署基于npm的vue项目_重启_08


​ps: 虚拟机的ip有时候会变,处理一下配置文件设置为固定的即可。此处略。​


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
niESts94Ax2J