前端如何实现CICD持续集成持续部署?最佳的落地实践#程序员

这就靠彻底的讲明白什么是csd持续集成。一般整个项目的开发会经历代码的开发，然后打磨成这种对视的目录，会放在安全是福气上，或者是汤姆凯特，或者是阿帕奇都可以。

一般的情况下打完包之后前端可能就把包扔给后端了，让后端同学去部署。当然还有其他场景跟领口服气，自己用这种命令式的领口的命令acp的方式去靠背到上面。整个流程其实是对于前端是非常复杂的，还得操作服气等等。

有没有一种方式能够提交完代码之后能自动的就去对我们不熟了，也就是所谓的能力就是c i c d的持续集成能力。一般在企业里面可能用jk式的比较多，这是业界比较流行的。如果企业内部搭建的是自己的私有的服务，用gilab glib本身集成了，这节课就以最熟悉的gataba也听不到，就是gatx给大家实操一下。

·首先肯定要有自己gata账号，然后去注册一个仓库。这个是我本地的代码，把这代码抛起来，这个代码访问抛起来，就是这样一个简单的页面自动的步入到gap up上。

·首先在部署get up的时候，在这个地方有一个settings，这个settings选项里面要点pads，因为如果这地方是新建仓库，这地方默认是选择步数，从一个分支默认其实是没有分支的，要创建对应的分支，一般的命名都是gh刚patis。

·可以在扣子里面点plus去创建一下，在这边可以用创建，因为这里面已经创建了，就不带大家创建了。创建完了之后在这个地方setting是这个地方，配对式下面要选一下，选中这个分支然后默认到rotor，默认到rotor的意思就是会自动的去分子下的根部楼下去加载应该的akm。

·创建完了之后可以点这个地方的x，这里面有x，x这一块可以newflow，一般自己去创建一个flow，默认的会在项目的根部下有一个点get up，某个flow是下面会创建亚某念，也就是这个地方的文件。

·当然也可以自己去在项目的根部下去创建这个文件夹，点get up目录下来某个flows下面这个文件，这个文件就是真正的自动化部署的脚本，基本上所有的不管是用gliable jackets还是用glixe，都是这样的目录结构。

·这个里面内容没有必要自己喜欢，一般都有开源的，直接复制过来就可以了。这个地方得给大家解释一下，整个给xn其实就是推出了一套c级车的csd的模式，这个地方包含了自动化测试、步数、机车等等。

·首先这地方有一个沃克flow的基本的概念，还有沃克flow，因为沃克 flows，在下面有这种吴克福的名字，内蒙这个名字可以输得起。

吴克福的下面有多个罩布，罩布下面有这个步骤，因为一个任务有多个步骤，每一个步骤会触发对应的x，这是x1、x2、x3，是这样的关系。

首先这个地方on是什么意思？也就是往内分值上去提交代码的时候，会自动的去触发这地方的get x的命令。这地方是我之前不熟的，也就是在这地方on其实就是在魅往内分支提交的时候会触发照顾，这个地方是忽略哪些文件提交不会触发更新。

这个人民币这个地方赵博士下面默认是一个名字，这地方起的名字就叫d blow，这地方是reno，reno是什么？因为要基于服务器，这个服务器是用的右帮突最新的，因为本身get action也就是这地方的get action，get up的action是提供了好多个服务器，其实比如有类似于windows的或者mac os的都可以，比如mac os最新的、windows最新的都可以，用这个就可以了。

再往下走就这个步骤，这个步骤也就是步骤分多个，这个是第一步下载源码，第二步打包构件，第三步就是部署。在这地方对柚子是什么意思？也就是其实是用于用这个命令，这个是官方提供的，直接拿来用就行了。

第二个步就要执行这个命令，这条也是官方提供的，固定的写法，是用note的版本，是用二四的版本去执行这两个命令，一个是先安装依赖，然后再打包，这样会生成低层目录。接着往上面部署，部署到get up上面，配对式下面也是固定的。

部署到哪个分支？部署到这个分支，哪个目录？就是这个目录，这个地方就是get up touse，这地方要注意部署的时候就遇到坑了，之前部署的时候都是失败的，会给我抛一个错误，没有找到这个k图片。

这地方要怎么处理？

·第一步要在这个地方点用户的设置中心，这地方有一个do we have settings，settings下面这地方有一个tokens，这地方要新建一个，点新建，这地方要输入密码的，新建，这地方要输入这个，最好是以你的仓库，因为要建一个仓库，比如这个仓库叫cscd demo，这地方就可以写ccd demo这个仓库的名字。

过去时间可以不写三十天或者不过去也行，这地方要选勾上这两个，点创建，创建完了之后会生成一个k，生成完了之后会要复制这个k，复制完了之后再回到仓库里面去点set，set的下面这地方有一个安全和变量，这地方xs，xs这地方需要又一个，就是这个名字，可以和仓库的名字一样，这地方就是刚才复制过来的，可以复制到写到这里面去添加一些。

添加完了之后这地方不是有一个变量吗？这不是你定的名字吗？这个名字在这地方要配置成在这个地方，要一样的，如果不一样就会出现之前踩过的坑，找了好多次原因，原来这地方是有问题的，在这个地方去提交一下代码，这地方拍完之后点这个拍的是，这地方会生成一个网址，这个网址就是访问域名，这个就是我的这个爷们，跟我本地是一样的，本地就是这样的，一模一样的。

比如现在要改一个东西，比如现在要加一个东西，加一个标题，这是本地，这时候git upper 的线上还没有变，可以去提交代码，提交上去了，提交完之后刷新x，这边会自动的去执行，看到没？就是刚才在这提交的信息就是修改app 点vue，这里面就会自动的通过来，这时候会部署，到部署的时候在这等着大概也就几十秒就能部署完，再更新页面，录取完了之后可以刷新线上的页面，看到没有？这个就变了。

这个就是刚才讲的整个的csd这一套自动化的，只需要提交代码，配置好文件，核心其实就是文件，文件配置好了之后，基本上本地改完代码就不用管了，就自动的给你布了。

如果想要配置文件想要代码的评论区留言。