前端流水线搭建指引

一、开发流水线搭建

1.1、创建流水线

1、登录友空间帐号，选择【用友集团】租户

2、点击风车，搜索流水线并打开【流水线(新)】菜单

3、点击创建流水线，打开创建窗口

4、填写流水线基本信息

流水线名称：填写本项目前端流水线名称，必填项

微服务CODE：填写前端流水线编码，必填项

产品线：默认选择【生态产品-XX】，必填项

产品：默认选择【生态产品】，必填项

数据中心：默认选择【生态数据中心】，必填项

环境：默认选择【开发环境】，必填项

描述：用来描述流水线功能，非必填项

5、点击下一步，选择【Node应用类型模板】

选择完【Node应用类型模板】，点击创建，生成前端流水线

1.2、配置流水线

1、进入流水线详情，点击编辑进入流水线配置页面

继续点击编辑，进入到流水线配置页面

2、配置拉取代码

点击拉取代码配置相关git信息

选择【代码源】配置代码git仓库地址，GIT方式选择【分支（branch）】，选择对应的代码分支，克隆深度填写1，是否跳过拉取代码选择【否】

3、关闭/删除编译代码模块

4、配置镜像构建

点击镜像构建配置镜像相关信息

选择【自定义dockerfile】，点击编辑配置命令行

编辑dockerfile,安装前端依赖

代码如下：


# 切换回Node环境
FROM ycr.yonyoucloud.com/base/node:14-alpine
#RUN apk add git bash

# 安装依赖编译
ADD ./ /design
WORKDIR /design
RUN mv /design/c-iuap-tools-fe/*  /design \
        && ynpm install \
    && mkdir -p /yonyoucloud-buildproduct && cp -r /design/* /yonyoucloud-buildproduct/

ISV伙伴只需要修改以上代码的前端文件地址即可，其他命令固定写死即可(c-iuap-tools-fe修改自己项目的前端项目所在文件名)

5、配置部署信息

点击部署配置部署相关信息

资源池选择：选择对应环境的资源池

调度策略：勾选默认调度即可

容器启动命令：cb c-iuap-tools-fe && npm run build && npm run start

基础设置：内存、CPU根据运维老师提供信息填写，实例数量：1

端口设置：容器端口：3003 协议：tcp 访问方式：Ingress 访问范围：外部服务

健康检查：勾选启动健康检查，选择协议：HTTP，路径：/healthCheck，端口号：3003，其他属性默认值即可

*以上是必填项，其他配置项可根据项目自身需求配置

二、常见问题

2.1、在执行流水线时，第一步拉取代码就失败了

检查流水线的git仓库配置信息是否过期，一般是因为git仓库密码修改，未及时同步导致的

2.2、流水线显示正常，但是微服务详情里面的容器状态显示异常

1、先检查前端代码package.json里面的name值是否修改为domainkey了

2、打开容器日志，检查报错信息，大概率是扩展代码有语法错误/引用了不存在的模块

2.3、执行流水线后显示异常的流水线实列还是把之前健康的实例覆盖了

1、检查是否开启了健康检查

2、开启了健康检查后，协议是否选择了HTTP，并检查路径是否是/healthCheck，端口号是否是3003

前端流水线搭建