上节介绍了如何使用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一把体验快乐了，本教程介绍了如何发布前端服务，后边教程介绍发布后端服务

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

maven web项目导入sts_Spring Boot2 系列教程(二)创建 Spring Boot 项目的三种方式
我最早是 2016 年底开始写 Spring Boot 相关的博客,当时使用的版本还是 1.4.x ,文章发表在 CSDN 上,阅读量最大的一篇有 43W+,如下图: 2017 年由于种种原因,就没有 ...
Cocoapods系列教程(二)——开源主义接班人
原文地址:Cocoapods系列教程(二)--开源主义接班人引言在写该博客的时候,博主刚看到一个问题:"那些头衔只是看起来很厉害,实际不难获得?".然后有个神回复写到:&quo ...
黄聪：Microsoft Enterprise Library 5.0 系列教程(二) Cryptography Application Block (高级)
原文:黄聪:Microsoft Enterprise Library 5.0 系列教程(二) Cryptography Application Block (高级) 本章介绍的是企业库加密应用程序模块 ...
QT5系列教程二---基于qcustomplot的QT5 GUI串口收发绘图软件实现
QT5系列教程二---基于qcustomplot的QT5 GUI串口收发绘图软件实现结构 UI部分代码部分 step1:实现串口数据接受串口接受数据格式在`.pro`文件中添加`serialp ...
以太坊构建DApps系列教程(二):构建TNS代币
在本系列关于使用以太坊构建DApps教程的第1部分中,我们引导大家做了两个版本的本地区块链进行开发:一个Ganache版本和一个完整的私有PoA版本. 在这一部分中,我们将深入研究并构建我们的TNS代 ...
汇川技术小型PLC梯形图编程系列教程(二)：AutoShop软件使用技巧介绍
原文链接:汇川技术小型PLC梯形图编程系列教程(二):AutoShop软件使用技巧介绍俗话说的好,磨刀不误砍柴工.这里的刀指的是准备工作:手册+熟练使用软件(掌握一些技巧).所以本篇为大家简单介绍一 ...
php调用kettle,kettle系列教程二
kettle系列教程二 1.Hello World 示例通过这个例子,介绍kettle的一些基础知识及应用: n 使用Spoon工具 n 转换的创建 n 步骤及连线 n 预定义变量 n 在Spoon ...
C#微信公众号开发系列教程二（新手接入指南）
此系列前面已经更新了两篇博文了,都是微信开发的前期准备工作,现在切入正题,本篇讲解新手接入的步骤与方法,大神可直接跳过,也欢迎大神吐槽. 微信公众号开发系列教程一(调试环境部署) 微信公众号开发系列教 ...
2021年淘宝客系列教程(二)事前准备
2021年淘宝客系列教程(二)事前准备本系列立志于将淘宝客如何在微信公众号/微信机器人这类基础上运作,到最后开发一个完整的淘宝客系统而编写,如有雷同,纯属借鉴~ 2021年淘宝客系列教程(一)淘宝客 ...

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