一个使用 yaml 格式配置用于持续集成完成自动化测试部署的开源项目
官网:https://travis-ci.org/
首先,您需要一个 github 账号 and 一个 vue.js 项目~ 没有的话试试这个啊 metools
登录 github 然后 Star,Fork metools
当然可以先去看看这个项目是啥..http://tools.yimo.link/
使用 Github 账号登录
默认会同步一部分仓库,如果太多的话需要点击 Sync account 进行同步
如下图所示,根据需要配置构建信息
添加 github 的 Token 到环境变量中,用户名,邮箱也可添加进去,这样配置文件中就可以使用了
生成 Token 见步骤 5. 因为 github 上面只能看到一次,所以在 travis-ci 中就可以显示出来以备后用
根据步骤 6 的配置,还需要添加一些环境变量使起更方便 (地址别填错了)
图中配置依次为:
:仓库地址
- GH_REF
:生成的令牌
- GH_TOKEN
:推送的 pages 分支 // 这里填的时候一定要注意, 一般来讲就是 gh-pages 。别手抖写个 master。血淋淋的教训~
- P_BRANCH
:邮箱
- U_EMAIL
:名称
- U_NAME
访问令牌的作用就是授权仓库操作权限 https://github.com/settings/tokens
Github>settings>Personal access tokens> Generate new token > Generate token> Copy Token
文件的作用就是在代码提交的时候 travis-ci 会根据该配置文件执行配置的任务 在项目根目录中创建 (或修改)
- .travis.yml
文件,其中
- .travis.yml
为环境变量在 travis 中配置即可
- ${环境变量}
- language: node_js#nodejs版本node_js: -'6'
- #Travis - CI Caching cache: directories: -node_modules
- #S: Build Lifecycle install: -npm install
- before_script:
- #无其他依赖项所以执行npm run build构建就行了script: -npm run build
- after_script: -cd. / dist - git init - git config user.name "${U_NAME}" - git config user.email "${U_EMAIL}" - git add. - git commit - m "Update tools" - git push--force--quiet "https://${GH_TOKEN}@${GH_REF}"master: $ {
- P_BRANCH
- }#E: Build LifeCycle
- #指定分支,只有指定的分支提交时才会运行脚本branches: only: -master env: global: #我将其添加到了travis - ci的环境变量中# - GH_REF: github.com / yimogit / metools.git
修改完成,并推送到 github 后,就可以在 travis-ci.org 中看到项目开始构建了 (以后每次推送代码到仓库后都将会自动构建项目)
构建完成日志
构建完成。在设置中可以看到默认已经将
分支部署到 pages,访问 https:// 用户名. github.io/metools / 即可预览效果。
- gh-pages
若构建失败,可以通过 travis-ci 中项目面板右上角的
重新构建
- Restart build
来源: http://www.cnblogs.com/morang/p/7228488.html