编者按:感谢 @小小小杜 投稿,原文链接Juglans' Blog。如果你也想体验 flow.ci 的自动化持续部署,来 http://flow.ci 首页提交申请,邀请码随后会发送到邮箱:)

flow.ci是一个持续集成(CI)的saas服务平台,就是中国的Travis CI,作用是把你Github上的代码拉过来,通过容器技术自动化完成代码的构建、测试、交付和部署。整个对flow.ci使用下来的感受就是简单,对源码的侵入少,虽然也用了SPA页面,但是速度相当让人满意,连loading都看不见,很感兴趣用了什么前端框架。

为了表示对flow.ci发给我邀请码的感谢,我必须夸一下flow.ci的文宣:让你的代码留下来流出来吧(信!达!雅!)。

本文在《随时随地让Hexo持续部署》基础上用flow.ci对Daocloud平台进行替换,基本思路没有改变,跟Daocloud的代码构建相比,flow.ci是更纯粹的持续集成/部署平台,目前宣称beta时期免费。

改造思路

  • 关闭daocloud持续集成功能
  • 配置flow.ci持续集成(核心还是私钥的添加)
  • 增加触发器
  • 在本地提交Hexo主项目修改的git commit进行测试

准备工作

仍然保留.daocloud目录及其中的id_rsa私钥文件

这一步单列是因为,如果是新项目,就需要增加这个文件,为了在持续集成过程中添加私钥,私钥文件的生成请自己百度。

关闭daocloud持续集成功能

既然要用flow.ci进行集成,自然要关闭Daocloud的持续集成功能,如果是新项目请忽略。

删除源码的中的Dockerfiledaocloud.yml配置文件

这一步可选,不删除也不影响部署,但是这两个配置文件并没有起任何作用,如果是新项目请忽略。

实现过程

1. 创建持续集成项目

这一步很简单,按照flow.ci控制台里面的按钮顺着点Create Project->选择CODING代码托管库->选择你的用户->选择你的项目,完成!

这时CODING里面的项目会有两处变化:

  • 新增了flow.ci的webhook
  • 新增了项目下的部署公钥(只读)

创建过程给两个界面感受一下就行:

以下都是持续集成项目的配置过程。

2. 配置持续集成项目环境

进入Get started with flow.ci界面,选择Create your first flow。我们使用的Hexo基于Node.js,因此选择Node.js default template

选择Versionsv5.2.0->Create。这时会根据选择的模板(上图有)生成相应的工作流。

3. 配置持续集成项目工作流

这是flow.ci的核心价值,我们的自动部署就在这里实现。

通过每个工作流节点之间的+号对模板生成的工作流进行改造,改造后如下:

这里新增了一个Custom Script节点和删除了Test节点。

Initialize

保持默认即可,初始环境变量(flow.ci提供)和Node.js的组件版本等信息。

Git Clone

保持默认即可,拉去CODING代码。

Cache

保持默认即可,对./node_modules进行缓存,增加下次集成的速度。

Install

保持默认即可,默认执行npm install安装依赖项。

Custom Scrip

我们自己增加的节点(插件),该过程主要完成:

  • Hexo命令行的安装
  • 从代码库拷贝私钥并安装私钥,没有私钥将导致Hexo d操作的失败
  • Hexo静态站点的生成和部署

修改脚本为:

# 安装Hexo命令行工具
flow_cmd "npm install hexo-cli -g" --echo # 准备并安装私钥
flow_cmd "cp .daocloud/id_rsa ." --echo
flow_cmd "chmod 600 ./id_rsa" --echo
flow_cmd "eval $(ssh-agent)" --echo
flow_cmd "ssh-add ./id_rsa" --echo # 执行Hexo生成和发布
flow_cmd "hexo clean" --echo
flow_cmd "hexo g" --echo
flow_cmd "hexo d" --echo

4. 配置触发器

配置触发器为master分支有提交时,配置信息在介绍工作流的图有。

5. 手动测试持续集成过程

在项目的jobs标签下,点击Start Build按钮->选择对master分支进行构建,之后会看到整个工作流的执行过程和日志信息(绿色为成功,蓝色为正在执行)。

小结

本文介绍了从Daocloud进行持续集成/部署改造为flow.ci进行集成/部署的过程,今后的使用和之前的方式一样,向CODING源码库提交push就可以触发自动部署。

和Daocloud的代码构建相比,flow.ci为持续集成/部署优点如下:

  • 更简单、直观的方式,更容易理解
  • 除了保存私钥文件在代码库中,整个集成/部署过程没有对源码有任何侵入脚本(相比Daocloud而言)
  • 更加丰富的trigger方式

但是这种方式仍然存在私钥原文保存在代码库的安全性问题,这也是我的CODING代码库仍然保持私有的原因。

Done!


以上是 「flow.ci 最佳实践」系列之 @小小小杜的使用分享,希望对你有用。

flow.ci

用 flow.ci 让 Hexo 持续部署的更多相关文章

  1. CI Weekly #5 | 微服务架构下的持续部署与交付

    CI Weekly 围绕『 软件工程效率提升』 进行一系列技术内容分享,包括国内外持续集成.持续交付,持续部署.自动化测试. DevOps 等实践教程.工具与资源,以及一些工程师文化相关的程序员 Ti ...

  2. 几分钟看完 flow.ci 全部功能

    从 0 到 1,从邀请式内测到收费上线,flow.ci 经历了十个多月的沉淀与打磨.这期间,flow.ci 工程师们奋力赶工,进行了一系列的大功能更新,Bug 修复,功能优化. 这篇文章记录了 flo ...

  3. CI Weekly #7 | Instgram/Quora 等大公司如何做持续部署?

    终于,你们期待的 flow.ci iOS 项目持续集成 开始公测了.在这几个工作日, flow.ci 做了些许「功能优化」与「问题修复」,性能和体验都在持续优化中.比如: iOS 快速入门文档更新: ...

  4. 使用 flow.ci 快速发布你的项目文档

    软件研发的协作过程中,文档是必不可少的一环,有需求文档.接口文档.使用文档等等.当开始写文档时,首先会遇到两个问题: team members 之间如何协作? 文档 OK 后如何分发,去哪里看?如何更 ...

  5. 【ZZ】谈谈持续集成,持续交付,持续部署之间的区别

    谈谈持续集成,持续交付,持续部署之间的区别 http://blog.flow.ci/cicd_difference/ 谈谈持续集成,持续交付,持续部署之间的区别 2016年08月03日 标签:beta ...

  6. .NET Core微服务之基于Jenkins+Docker实现持续部署(Part 1)

    Tip: 此篇已加入.NET Core微服务基础系列文章索引 一.CI, CD 与Jenkins 互联网软件的开发和发布,已经形成了一套标准流程,最重要的组成部分就是持续集成(Continuous i ...

  7. 使用 flow.ci 实现 Android 自动化测试与持续集成

    在上篇文章--如何实现 Android 应用的持续部署中,我们使用的是 flow.ci + Github + fir.im 实现 Android 应用的持续部署.对于 Android 开发者,他们可能 ...

  8. flow.ci + Github + Slack 一步步搭建 Python 自动化持续集成

    理想的程序员必须懒惰,永远追随自动化法则.Automating shapes smarter future. 在一个 Python 项目的开发过程中可能会做的事情:编译.手动或自动化测试.部署环境配置 ...

  9. CI Weekly #11 | 微服务场景下的自动化测试与持续部署

    又一周过去了,最近我们的工程师正在搞一个"大事情" --「[flow.ci](http://flow.ci/?utm_source=bokeyuan&utm_medium= ...

随机推荐

  1. (转)Java中的static关键字解析

    转自http://www.cnblogs.com/dolphin0520/p/3799052.html 一.static关键字的用途 在<Java编程思想>P86页有这样一段话: “sta ...

  2. 第十一章:使用Apriori算法进行关联分析

  3. 1、在MAC上搭建React Native开发环境

    @import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...

  4. 通过navigationController跳转界面时隐藏navigationBar上的元素

    @import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...

  5. 287. Find the Duplicate Number hard

    287. Find the Duplicate Number   hard http://www.cnblogs.com/grandyang/p/4843654.html 51. N-Queens h ...

  6. [LeetCode] 435 Non-overlapping Intervals

    Given a collection of intervals, find the minimum number of intervals you need to remove to make the ...

  7. Windows Phone 8.1 新特性 - 常用的启动器

    本篇为大家介绍一下 Windows Phone 8.1 中部分常用启动器的实现方式.分别是 呼叫电话.发送短信.发送邮件.添加约会到日历.启动地图.地图路线显示.地图下载 和 地图更新. 1. 呼叫电 ...

  8. VIM使用(三)

    Vim自动补全神器:YouCompleteMe Ubuntu下,先通过Bundle安装插件: Bundle 'Valloric/YouCompleteMe'Bundle 'scrooloose/syn ...

  9. selenium 切换窗口 每次成功code

    最近用了网络上别人的一段切换窗口的code每次成功了,不错,学习 // 根据Title切换新窗口 public boolean switchToWindow_Title(WebDriver drive ...

  10. js jq 获取网页元素宽度

    Javascript: IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度d ...