Blog

Blog

PHODAL

搭建移动应用 Ionic 2 + Angular 2 的持续发布工作流

今天,让我来分享点有意思的东西。在开发Growth 2.0的最初几天里,我就一直忙于创建基于GitHub、Travis CI与Fir.im的持续部署工作流。

项目小引

这个项目是一个基于Ionic 2.0与Angular 2.0的混合应用,它的主要语言是TypeScript,用于自动构建的包目前只限于Android——没有合适的iOS设备。

让我们先从测试说起,毕竟测试才是持续发布的基石,没有测试的持续交付就是在扯淡。

测试

依据测试金字塔的话,我们需要有三个层次的测试。只是因为我们当前还没有使用到第三方服务,所以我们当前就只有两个级别的测试:单元测试和UI测试。

项目所使用的构建工具是gulp,因此就需要有一个运行单元测试的pipeline(这个pipeline是从网上搜索到的):

gulp --gulpfile test/gulpfile.ts --cwd ./ unit-test

由于是基于TypeScript语言编写的,所以运行前我们都需要Build,如执行tslint检查语法、生成bundle文件、编译SCSS,最后才运行单元测试。

随后,我们就将运行UI测试。运行UI测试时,我们需要启动我们的APP,然后对页面上的元素进行操作,并预期有相应的元素发生变化。

  it("should have correct footer Home", () => {
    expect(element(by.css("ion-tabbar a span")).getText()).toContain("Growth");
  });

对于混合应用来说,这些都可以轻松验证和实现。

在基于GitHub的工作流里,我们还可以借由Code Climate计算出代码质量和上传测试覆盖率,并以Badge的形式显示到GitHub上。

持续发布

对于构建来说就比较有意思了,我们需要配置Android的构建环境,如下:

  # start install android
  wget http://dl.google.com/android/android-sdk_r24.2-linux.tgz
  tar -xzvf android-sdk_r24.2-linux.tgz
  echo "y" | ./android-sdk-linux/tools/android update sdk --no-ui --filter android-23,build-tools-23.0.1
  export ANDROID_HOME=${PWD}/android-sdk-linux

然后就是构建APK:

  ionic state restore
  ionic platform add android
  ionic build android
  rm -rf www/*.log
  rm -rf www/build/test

为了使用fir上传apk,我们需要在最开始的时候安装fir命令:

gem install fir-cli

最后,我们就可以上传Apk:

fir publish ./platforms/android/build/outputs/apk/android-debug.apk -s 'growth-test' -T $API_TOKEN

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Engineer, Consultant, Writer, Designer

ThoughtWorks 技术专家

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 最新技术分享

标签