TeamCity系列教程(二)-teamcity发布前端项目

上节介绍了如何使用docker容器搭建teamcity服务，本节来介绍如何发布你的第一个前端项目

一.安装teamcity客户端

上个教程也说了，teamcity分为服务端和客户端，服务端控制客户端，客户端负责下载编译，打包，发布，服务端负责给客户端下达指令，其中客户端的安装有几种方式：
(1).使用docker镜像安装
(2).使用压缩包安装
这两种方式我都测试过，其中docker镜像存在不稳定的情况，比如客户端容器启动后，其内部的docker环境存在问题，本教程介绍如何通过服务端安装客户端

• 1.首先点击顶部Agents
• 2.点击Agent push =>Install agent
• 3.输入服务端的ip地址，用户名，密码
  
  稍等片刻即可完成安装,同时顶部Agents会显示1

原理：通过ssh命令及sh脚本，先把zip文件推送到指定服务器，执行sh命令完成安装
注意：此种安装方式没有配置系统自启，若需要，手动配置，另外客户端安装地址为~/BuildAgent,需要重启时则可执行~/BuildAgent/bin/agent.sh start

二.配置项目

1.新建项目

一般是从gitlab拉取项目，选择默认的，再输入项目地址，gitlab用户名，密码，点击proceed

默认即可，下一步

完成后会自动探测，这里不选也没关系，后边可以手动探测

2.配置执行步骤

(1).点击左侧Build Steps,可以看到添加步骤

(2).第一步.把项目放在node容器中打包完成，完成可以在当前工作目录中看到dist文件夹

此项目是vue项目，vue项目发布一般是先下依赖，再打包放到服务器，再使用代理，有了思路就好办，持续集成本就是把手动的活配置好留给服务器干
本项目的发布流程是： 1.安装依赖 2.build成dist文件 3.下载nginx docker镜像，重新打包

第二步.配置打包发布容器

注意这里使用的是docker-compose，执行前必须先进入工作目录

三.选择发布服务器

以上配置完成，就想赶快run一下，体验一下快乐，发现报了这个错，是不是很失望！

没错，是你没有选择要发布的服务器
点击左侧Agent Requirements，选择你刚才的服务器


点击Assign configurations选择

至此，可以run一把体验快乐了，本教程介绍了如何发布前端服务，后边教程介绍发布后端服务