保姆级指南:jenkins+docker构建部署react项目实战

您所在的位置:网站首页 node项目实战搭建 保姆级指南:jenkins+docker构建部署react项目实战

保姆级指南:jenkins+docker构建部署react项目实战

2023-08-17 13:20| 来源: 网络整理| 查看: 265

王志远,微医前端技术部医疗支撑组

前置概念 CI的含义

CI 的意思是 持续构建 。

负责拉取代码库中的代码后,执行用户预置定义好的操作脚本,通过一系列编译操作构建出一个 制品 ,并将制品推送至到制品库里面。常用工具有 Gitlab CI,Github CI,Jenkins 等。这个环节不参与部署,只负责构建代码,然后保存构建物。构建物被称为 制品,保存制品的地方被称为 制品库

CD的含义

CD 则有2层含义: 持续部署(Continuous Deployment) 和 持续交付(Continuous Delivery) 。

持续交付 的概念是:将制品库的制品拿出后,部署在测试环境 / 交付给客户提前测试。 持续部署 则是将制品部署在生产环境。

初始化环境

​ 从现在开始,我们就要真正实操CI、CD啦,建议搞一台新的服务器,避免搞乱环境,如果需要购买,可以参考文档 保姆级指南:购买阿里云ecs服务器。无论是新买的还是自己电脑,电脑基础环境如下

docker git java:jenkins基于java环境 jenkins

假定机器有了,基于centos,接下来我们就开始搭建服务吧

docker安装 yum install -y yum-utils device-mapper-persistent-data lvm2 sudo yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo yum install docker-ce -y systemctl start docker systemctl enable docker

此处需要配置下docker镜像源为阿里云,不然之后docker下载镜像等操作都会巨慢

sudo mkdir -p /etc/docker sudo tee /etc/docker/daemon.json Git => Repositories -> Credentials => 添加 => SSH Username with private key

image-20211101091149354

image-20211101091212114

image-20211101100530734

关于获取私钥的方式,可以查看git安装模块内容

到此,我们就完成了jenkins关于git的配置

配置脚本

回到jenkins,配置在构建任务时要执行的脚本,要做到如下两点

安装依赖,进行项目构建 执行Dockerfile文件生成镜像 根据新镜像启动服务(为避免端口冲突,先关闭掉镜像下所有服务)

脚本内容如下(如果是云服务器,注意在控制台开放端口)

#!/bin/sh npm install --registry=https://registry.npm.taobao.org npm run build docker build -t ci-project . docker kill $( docker ps | awk '/ci-project/ {print $1}') docker run -d -p 3000:80 ci-project

脚本添加位置如图

image-20211101113945743

至此,我们的配置工作就大功告成,再接再厉,开始构建!

构建任务

和之前没啥差别,返回任务详情,点击立即构建即可

image-20211101114518682

当开始构建时,可以去查看构建任务详情,从而确定是否成功

image-20211101114618681

成功的话,尝试访问下服务

【ip:3000】

如果能出现如下react服务界面,说明成功啦!

image-20211101160839584

副本_副本_未命名_自定义px_2022-01-06-0.gif



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3