docker持久化部署vue前端nodejs后端项目-- 04. 配置服务器JENKINS环境

本章节主要讲解本地开发好,要部署到服务器后,要怎么配置环境,建议查看docker专栏结构,以便了解流程~

docker 专栏:点击此处
git:点击此处



系列文章

章节
1docker以及docker-compose在window以及linux的安装
2项目对应的docker-compose结构
3怎么将docker-compose项目部署到服务器上
4配置服务器JENKINS环境

额外篇

章节
1Sentry 是一个开源的错误监控和日志聚合平台-- 通过docker-compose 安装Sentry

前言

docker持久化部署vue前端nodejs后端项目-- docker-compose部署nginx+jenkins+mysql+git。
做了一个项目,用nodejs写的后端,vue写的PC端以及移动端,数据库用mysql,现在要部署到服务器上。由于怕下次部署又要一堆操作,就弄了个docker,并且以此文章来做笔记以及分享。

本章节主要讲解本地开发好,要部署到服务器后,要怎么配置环境。

期望

  • 服务器:换了服务器,只需要服务器安装好docker+docker-compose,并将此文件配置拷贝到服务器,编译一下,就可以有个项目框架,再对jenkins进行安装环境配置就可以了
    (jenkins的项目也同步到了jenkins/jobs中,所以项目不用重复配置)
  • 代码更新:以后有新版本的代码,可以通过jenkins打包,并且实时发布,对于web打包就是正常的build一下就可以,nodejs后端比较麻烦。

Jenkins配置凭据

配置全局的账号密码,到时候给git用,就不要点来点去了,毕竟我这个才一个git地址
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这个记得选账号跟密码的类型~
在这里插入图片描述

Jenkins配置插件

输入之前本地开发建立的账号密码
注意:如果是阿里云或者腾讯云,记得放开你开放的端口号,我这边就是URL中的8081端口。
在这里插入图片描述
自动安装推荐插件,有点久…
在这里插入图片描述
等…
在这里插入图片描述

因为没有同步一些插件,比如nodejs之类的,所以还要手动去配置,总共2个步骤:

  1. 下载nodejs插件
    在这里插入图片描述
    在这里插入图片描述
  2. 全局工具配置添加nodejs
    在这里插入图片描述
    在这里插入图片描述
    ok,至此,全局配置基本完毕。

Jenkins项目配置

来到我的视图,好了,奇怪,为什么没有把工作目录同步过来呢?
在这里插入图片描述
找到原因了,因为jenkins容器是加载完毕后才生成的文件,来不及拷贝,这个时候,只需要把jenkins容器 重启一下。

# jenkins 这个是docker-compose文件中jenkins镜像名~~ 自行判断~~
docker restart jenkins 

等待一下,刷新下就有了
在这里插入图片描述
进入到一个工程,点击配置
在这里插入图片描述

  1. 填写你的git账号密码
    在这里插入图片描述
  2. 选择你的构建环境,点击保存。
    在这里插入图片描述
  3. 可以尝试构建一下。
    在这里插入图片描述
  4. 打开控制台看了确实没问题了
    在这里插入图片描述
    但是呢… 如果有天你需要讲服务器的配置上传到git的话,你要小心了,jenkins可能把你的项目也打包近jobs里面了…
    好家伙,直接把node_modules 也赶紧去了....
    在这里插入图片描述

这个时候,只需要执行一下脚本,讲git上的config.xml 覆盖容器里面的配置就好了

[root@VM-12-15-centos workspace]# cd /C/docker-compose/jenkins/
[root@VM-12-15-centos jenkins]# ls
config.xml  cp.sh  jenkins_home  jobs  users  www
[root@VM-12-15-centos jenkins]# chmod 777 cp.sh 
[root@VM-12-15-centos jenkins]# ./cp.sh 
Successfully copied 3.584kB to jenkins:/var/jenkins_home/

如果你运行的是docker.bat 或者是docker.sh 的一键脚本,那就可以省去这个步骤了~~~

源码

源码就不全贴了,主要有2个参数我贴部分,因为这个也跟你到时候的项目结构相关

<workspaceDir>${JENKINS_HOME}/workspace/${ITEM_FULL_NAME}</workspaceDir>
<buildsDir>${JENKINS_HOME}/builds/${ITEM_FULL_NAME}</buildsDir>

效果图

配合nginx,都不用设置,直接就能用了…贼方便…
在这里插入图片描述

总结

本章节主要讲解本地开发好,要部署到服务器后,要怎么配置环境
建议查看docker专栏结构,以便了解流程~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Docker部署后端分离的应用,可以使用 Nginx 作为反向代理服务器,将前端后端应用部署在不同的容器中,然后通过 Nginx 配置后端的端口映射成前端的端口。 下面是一些简单的步骤: 1. 编写 Dockerfile。 编写前端后端Dockerfile,将前端后端应用打包到 Docker 镜像中。 2. 编写 docker-compose.yml。 在 docker-compose.yml 中指定前端后端的容器,以及 Nginx 的容器,然后通过 links 或 networks 等方式将容器连接起来。 例如: ``` version: '3' services: frontend: build: context: ./frontend ports: - 80:80 backend: build: context: ./backend ports: - 8000:8000 nginx: build: context: ./nginx ports: - 80:80 links: - frontend - backend ``` 3. 编写 Nginx 配置文件。 在 Nginx 的配置文件中,配置反向代理服务器,将后端的端口映射成前端的端口。 例如: ``` server { listen 80; server_name example.com; # 前端域名 root /usr/share/nginx/html; # 前端目录 location / { try_files $uri $uri/ /index.html; } } server { listen 80; server_name api.example.com; # 后端域名 location / { proxy_pass http://backend:8000; # 后端实际地址 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } } ``` 这里假设前端文件在 `/usr/share/nginx/html` 目录下,后端监听的端口号是 8000。 4. 启动 Docker。 使用 docker-compose 启动 Docker 容器。 ``` docker-compose up -d ``` 这样就完成了前后端分离应用的部署。在浏览器中访问前端页面,可以输入 `http://example.com`,在浏览器中访问后端 API 接口,可以输入 `http://api.example.com/api/xxx`。 需要注意的是,如果前端后端使用的是不同的域名,需要在 DNS 解析中添加相应的解析记录,使域名能够正确解析到服务器的 IP 地址。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Penk是个码农

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值