快来看看如何手动搭建自动化部署系统

视频教程：点击进入

一、前言

你还在手动npm run build吗？你还在手动拷贝文件到服务器吗？你out了。你在手动打包手动部署的时候，我们在饮茶，抽烟、上厕所，因为已经有工具帮我们完成了你正在手动完成的工作。心动吗？赶紧上车吧！！！

二、简介

KubeSphere 是在目前主流容器调度平台 Kubernetes（k8s）之上构建的企业级分布式多租户容器平台，提供简单易用的操作界面以及向导式操作方式，在降低用户使用容器调度平台学习成本的同时，极大减轻开发、测试、运维的日常工作的复杂度，旨在解决 Kubernetes 本身存在的存储、网络、安全和易用性等痛点。除此之外，平台已经整合并优化了多个适用于容器场景的功能模块，以完整的解决方案帮助企业轻松应对敏捷开发与自动化运维、微服务治理、多租户管理、工作负载和集群管理、服务与网络管理、应用编排与管理、镜像仓库管理和存储管理等业务场景。

ks功能很强大，今天我们主要分享ks的一项功能自动化运维也就是CI/CD,其中主要用到的是jenkins

三、实现步骤

1、在github上创建仓库，并且把代码拉到本地

(1)创建一个空的仓库

（2）将仓库拉到本地

git  clone   仓库地址

（3）将我们准备的项目放入刚才clone的目录

（4）将我们要测试的项目推入github

git add ./
git commit -m '说明'
git  push

2、在docker中创建一个tomcat,并且将部署空间映射到桌面

(1)先简单介绍一下docker吧

a、要知道两个东西：1、镜像 2、容器类比 let xiaoming = new Person()
b、记住几个常用的命令即可：
Docker search 镜像名称
Docker images :查看本地镜像
Docker pull 镜像名：远程仓库拉镜像
Docker run 镜像名：使用镜像生成容器
ctrl+P+Q：退出容器
docker exec -it 容器ID /bin/bash:进入容器

（2）启动一个tomcat

docker run -it -p 8888:8080 -v /Users/lujing/dockerOfTomcatWorkspace:/usr/local/tomcat/webapps/my-project --name my_tomcat:1.0.1

（3）测试

在 /Users/lujing/dockerOfTomcatWorkspace目录下面放文件，tomcat就可以解析出来

3、在docker中创建一个jenkins,做对应的配置

（1）简要介绍一下jenkins：

做ci/cd的项目，持续集成/持续发布部署；
具体来说就是，只要我们在jenkins中配置了代码库地址，以及配置了node打包模块，jenkins就可以根据设置条件或者手动触发进行拉取代码然后打包，最后部署

(2)启动jenkins

docker run -it -p 8882:8080 -p 50000:50000 -v
/Users/lujing/dockerOfTomcatWorkspace:/var/tomcatspace --name
myjenkins2 myjenkins:1.0.1

(3)访问jenkins

http://localhost:8882/

(4)填写密码初始化

(5)可以使用推荐安装依赖

(6)创建一个管理员用户

(7)安装node依赖并且配置nodejs

对于前端项目，需要使用node和npm进行打包

(8)配置项目

http://localhost:8882/job/testauto/build?token=lujingceshi
后面，我们也可以将这个url配置到GitHub的webhook中。

cd /var/jenkins_home/workspace
node -v
npm -v
echo '开始安装依赖'
npm config set registry http://registry.npm.taobao.org/
npm config get registry
npm i
echo '依赖安装完毕'
echo '开始打包'
npm run build
echo '打包完毕'
echo '准备部署'
cp -r /var/jenkins_home/workspace/dist/* /var/tomcatspace

4、测试cicd功能

（1）编辑代码，提交到代码库

（2）自动通过webhook触发构建【这里由于是本机内网了，所以我们在浏览器调用一下链接模拟是webhook调的】

http://localhost:8882/job/testauto/build?token=lujing

（3）查看效果