目录
一、Blue Ocean 简介
二、Blue Ocean 安装
2.1 安装 Blue Ocean 插件
2.2 安装 Blue Ocean 版本的 Jenkins
3. 构建流水线
4. 创建流水线
5. 选择代码仓库
6. 连接Git仓库
7. 创建流水线
详细信息可以参考官网：Blue Ocean 入门
一、Blue Ocean 简介
Blue Ocean 是基于Jenkins的增强UI插件，提供了一套可视化操作界面来帮助创建、编辑Pipeline任务。
Blue Ocean 减少了经典模式下的混乱并为团队中的每个成员增加了清晰度。
主要特性是：
- 流水线编辑器，通过可视化的步骤完成流水线的编辑
- 流水线的可视化，可以直观地了解管道的状态
- 多租户个性化适配
- 显示管道中需要注意的地方，促进异常处理并提高生产力，可以精准定位问题所在
- 代码分支的本地集成，最大限度提高开发效率
一句话，Blue Ocean是一个基于Jenkins增强插件。
二、Blue Ocean 安装
Blue Ocean 安装有两种方式：
- 在传统Jenkins上安装 Blue Ocean 插件
- 安装 Blue Ocean 版本的 Jenkins
2.1 安装 Blue Ocean 插件
可以直接在Jenkins上安装 Blue Ocean 插件
点击可用插件之后，输入Blue Ocean，勾选之后点击 Install without restart，即不重启安装。
由于本人Jenkins是基于Blue Ocean版本的docker进行安装的，这里没有上图的选项，上图来源官网。
注意：
无需选择此过滤列表中其他插件的复选框，因为 Blue Ocean 插件具有其他插件的依赖关系（构成Blue Ocean的插件套件），当您点击安装， 其他插件将被自动选择和安装。
如果你选择 安装不重启 按钮, 你可能需要重启Jenkins来获取Blue Ocean的完整功能。
2.2 安装 Blue Ocean 版本的 Jenkins
这种方式请参考本人之前的一篇文章，或者自行百度。
Docker安装Jenkins
安装完成之后Jenkins的界面大体如下：
3. 构建流水线
点击“打开 Blue Ocean”
4. 创建流水线
5. 选择代码仓库
根据实际情况选择，这里我们选择Git。
6. 连接Git仓库
输入Git仓库用户名、密码（或者采用证书方式），验证成功后点击创建流水线。
分为2种情况：
-
代码仓库存在 Jenkinsfile
-
代码仓库不存在 Jenkinsfile
如果仓库根目录下有Jenkinsfile(会检查所有分支的根目录)，则直接开始第一次构建过程。如果仓库中不含Jenkinsfile文件，则开启图形化编辑工作流，通过可视化界面帮助我们构建。
这里我们采用不存在Jenkinsfile文件的方式。
由于本文的Git账号密码已经验证过，所以会默认选中了使用已存在的凭证。
注意：URL中输入的是Git代码仓库的地址，需要指定具体项目，因为流水线就是基于具体项目来创建的，不要输入错误。
采用证书方式认证，需要在代码仓库个人设置里面进行操作。
这里具体的设置，请参考官网：创建访问令牌
7. 创建流水线
如果项目存在多分支（一般是肯定存在的），点击加号。
这里请参考：流水线编辑器
具体如何编制流水线，我们再抽一篇文章介绍。
点击 Save & run等待代码提交到项目目录，生成Jenkinsfile文件。
至此，我们的基于Blue Ocean UI构建流水线已经结束。
下一篇文章，我们具体介绍如何编写Jenkinsfile以及如何在Blue Ocean 中构建Jenkinsfile。
