持续集成与持续部署(五)01-TravisCI——使用简介-Travis CI 只支持 Github,提供的是持续集成服务 & 配置项目的.travis.yml文件

TravisCI

使用简介

Travis CI 只支持 Github,不支持其他代码托管服务。这意味着,你必须满足以下条件,才能使用 Travis CI。

  • 拥有 GitHub 帐号
  • 该帐号下面有一个项目
  • 该项目里面有可运行的代码
  • 该项目还包含构建或测试脚本

Travis简单的使用步骤:

  • github授权及面板
  • 获取github的Tokens
  • 配置项目.travis.yml
    • Node项目
    • Script脚本
    • 部署到github pages
    • 钩子用法
  • 其他

github授权及面板

首先,访问官方网站 travis-ci.org,点击右上角的个人头像,使用 Github 账户登入 Travis CI。

会进入到授权页面,这里跟微博、QQ是一回事,主要是读取你的用户信息。

在这里插入图片描述

这里第二步在,Dashboard这个选项卡中,点击Activate这个按钮

在这里插入图片描述

完了之后,Dashboard会列出所有Github中有.travis.yml配置文件的仓库:

在这里插入图片描述

Travis 会列出 Github 上面你的所有仓库,以及你所属于的组织。此时,选择你需要 Travis 帮你构建的仓库,打开仓库旁边的开关。一旦激活了一个仓库,Travis 会监听这个仓库的所有变化。

在这里插入图片描述

  • Settings中用于配置项目的构建条件

在这里插入图片描述

  • Requests可以查看构建记录

在这里插入图片描述

  • Caches主要是缓存文件

  • Trigger build手动触发构建

获取github的token

在settings->Developer settings->Personal access tokens->Generate new token

在这里插入图片描述

配置项目的.travis.yml文件
  • 设置项目语言

    language: node_js
    node_js:
      - "10"
    
  • Script脚本

    Travis 的运行流程很简单,任何项目都会经过两个阶段。

    • install 阶段:安装依赖
    • script 阶段:运行脚本

    配置文件:

    # S: Build Lifecycle
    install:
      - yarn install
    
    // 钩子方法
    before_script:
    
    # 无其他依赖项所以执行npm run build 构建就行了
    script:
      - npm run build
    

    如果不需要安装,即跳过安装阶段,就直接设为true

    install: true
    

    script字段用来指定构建或测试脚本。

    script: bundle exec thor build
    

    如果有多个脚本,可以写成下面的形式。

    script:
      - command1
      - command2
    
  • 部署到github pages

    deploy:
    	# 其他的一些配置项,可以参考:https://docs.travis-ci.com/user/deployment/pages/
      provider: pages
      skip_cleanup: true
      local_dir: dist/
      github_token: $GITHUB_TOKEN # Set in the settings page of your repository, as a secure variable
      keep_history: false
      on:
        branch: master
    
  • 钩子用法

    Travis 为上面这些阶段提供了7个钩子。

    • before_install:install 阶段之前执行
    • before_script:script 阶段之前执行
    • after_failure:script 阶段失败时执行
    • after_success:script 阶段成功时执行
    • before_deploy:deploy 步骤之前执行
    • after_deploy:deploy 步骤之后执行
    • after_script:script 阶段之后执行

    完整的生命周期,从开始到结束是下面的流程。

    1. before_install
    2. install
    3. before_script
    4. script
    5. aftersuccess or afterfailure
    6. [OPTIONAL] before_deploy
    7. [OPTIONAL] deploy
    8. [OPTIONAL] after_deploy
    9. after_script
  • 参考资料:

本内容为合法授权发布,文章内容为作者独立观点,不代表开发云立场,未经允许不得转载。

CSDN开发云