使用travis-ci自动部署github上的项目

发布时间：2017-07-25 09:23:24.93 作者： IT网络文摘 (该文来自笔记，点击查看原文)

travis-ci是什么？

一个使用yaml格式配置用于持续集成完成自动化测试部署的开源项目
官网：https://travis-ci.org/

使用travis-ci集成vue.js项目

首先，您需要一个github账号 and 一个vue.js项目~ 没有的话试试这个啊metools

1. 登录Github并拥有一个项目

登录github 然后Star,Fork metools
当然可以先去看看这个项目是啥..http://tools.yimo.link/

2. 前往travis-ci官网

使用Github账号登录

3. 登录成功回到用户中心

默认会同步一部分仓库，如果太多的话需要点击Sync account进行同步

4. 开启对 metools 项目的集成并进入设置页面

如下图所示，根据需要配置构建信息
添加github的Token到环境变量中，用户名，邮箱也可添加进去，这样配置文件中就可以使用了
生成Token见步骤5.因为github上面只能看到一次，所以在travis-ci中就可以显示出来以备后用

根据步骤6的配置，还需要添加一些环境变量使起更方便(地址别填错了)

图中配置依次为：
GH_REF：仓库地址
GH_TOKEN：生成的令牌
P_BRANCH：推送的pages分支 //这里填的时候一定要注意,一般来讲就是 gh-pages 。别手抖写个master。血淋淋的教训~
U_EMAIL：邮箱
U_NAME：名称

5. Github生成访问令牌 (即添加授权)

访问令牌的作用就是授权仓库操作权限 https://github.com/settings/tokens
Github>settings>Personal access tokens> Generate new token > Generate token> Copy Token

6. .travis.yml 文件的简单配置

.travis.yml文件的作用就是在代码提交的时候travis-ci会根据该配置文件执行配置的任务
在项目根目录中创建(或修改).travis.yml 文件，其中${环境变量}为环境变量在travis中配置即可

language: node_js# nodejs版本node_js:     - '6'# Travis-CI Cachingcache:  directories:    - node_modules# S: Build Lifecycleinstall:  - npm installbefore_script:# 无其他依赖项所以执行npm run build 构建就行了script:  - npm run buildafter_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:    - masterenv: global:
   # 我将其添加到了travis-ci的环境变量中
   #- GH_REF: github.com/yimogit/metools.git

7. 自动构建项目

修改完成，并推送到github后，就可以在travis-ci.org中看到项目开始构建了(以后每次推送代码到仓库后都将会自动构建项目)

构建完成日志

构建完成。在设置中可以看到默认已经将gh-pages分支部署到pages，访问https://用户名.github.io/metools/即可预览效果。

若构建失败，可以通过travis-ci中项目面板右上角的 Restart build 重新构建

作者：易墨
个人小站：http://www.yimo.link
说明：欢迎拍砖,不足之处还望园友们指出;

http://www.cnblogs.com/morang/p/7228488.html

分类导航