常见的部署方式介绍

常规流程，是我们将项目开发的一个版本进行迭代的时候，如果是常规的vue项目，我们有几种方式进行项目的发布

• 直接打包DIST文件给到后端，进行FTP上传到服务器上

优点：学习成本低，只要会使用基本的打包工具就可以进行打包，打包结束以后前端基本上是完全不用管了，部署和调试是后端进行的。

缺点：效率低，出错率高，效率低在于我们需要版本迭代的时候需要至少两个人，前端和后端，（全栈除外），后端需要将拿到的DIST包文件解压，然后FTP上传到服务器，重启服务器，出错率高在于如果手里有几个项目的话，dist包文件都是一样的，很容易发错服务器！

• 使用Jenkins进行发布

优点：效率高，出错率低，我们只需要进行将文件上传到代码管理远程仓库里，Git或者Svn均可以，Jenkins绑定Git的分之即可

缺点：熟悉使用的人不多，配置相对繁琐，Jenkins虽然是一个老外花了一点时间写的脚本执行器，但是由于版本迭代的次数比较多了，所以支持发布的项目类型已经比较多， 他的原理很简单，就是我们自己自定义执行脚本代码，他帮助我们运行而已，比如我们需要将vue项目打包，我们只需要在node构建的阶段进行项目的打包，然后在服务器发布的阶段进行绑定服务器的地址，移动我们的包文件到服务器对应的文件夹下面，说白了就是之前我们人为操作的几个步骤现在是jenkins帮我们做了，虽然很简单，但是其实可以完全自己配置好一个Jenkins也不太多，不是他多难，只是很少前端关注这个玩意儿，一般也都是后端去关注，所以流程一般也是前端将代码提交以后后端运行Jenkinx脚本执行，所以本质上人力成本上还是没有进行优化的！

• 使用阿里的云效流水线进行发布

优点：效率高，学习成本低，出错率低，配置简单

缺点：目前位置（帖子发布）没有客户端，需要web端操作，其实非说是不是缺点的话，我觉得倒也不算，毕竟web端操作保存一个书签还是挺不错的！

部署流程

代码库在阿里云上的情况

• 打开阿里云流水线

• 打开仓库地址
  

• 点击一个代码库进去（流水线关联的是某一个代码库里的某一个分支）
  

• 打开流水线
  

• 点击新建流水线

这里的流水线可以创建很多条，根据自己的需求，我这里只有一个预发版本，一个生产版本，平常测试我们使用的是Jenkins发布的测试环境，因为要模拟真实的生产环境，所以这里的预发环境基本上是和生产的一致的

代码库不在阿里云上的情况

很多时候我们的代码并不在阿里云的仓库里面，可能是在很多地方，我们的代码是不放在阿里云上的，很多时候是放置在github或者gitee上的，这个时候就需要重新绑定代码源，这里和正常的阿里云里面的部署过程是一致的，只是代码源不一致

部署步骤

打开云效流水线

流水线地址

新建流水线

根据自己的需求进行选择要发布的内容

配置代码源

关联第三方仓库

新建服务链接

选择仓库

选择代码分支

选择部署的服务器

ps:原理很简单，使用脚本将你的部署文件移动到需要发布的服务器上，将运行的命令进行启动服务！