资讯专栏INFORMATION COLUMN

travisCI 持续集成 gh-page 并部署

ityouknow / 562人阅读

摘要:它细分的话有两个概念持续交付持续部署简单来说持续部署是持续交付的下一步,持续交付是测试阶段,部署就是测试通过阶段。每次看到这个我都激动的热泪盈眶第五步看一下自己在上的项目,是不是出现了这个分支,并且已经自动部署好了成功的截图。

介绍

我们大多数公司在做项目时,应该都碰到过,当代码被 push 上 git 或者是 svn 时,过几分钟就可以在线上实时看到我们的项目,就像看到亲生儿子一样,但是肯定很多人不知道这是怎么实现的(如果你知道,那可以不用往下看了,点个赞就去吃饭吧...),所以今天我就来给大家介绍一下其中的一款 travis-CI,请记住它的 face:

持续集成(Continuous integration)的核心思想,代码先自动化测试用例,通过后集成到主干。它细分的话有两个概念:

持续交付

持续部署

简单来说持续部署是持续交付的下一步,持续交付是测试阶段,部署就是测试通过阶段。,这个就有很多东西展开了,求我我就告诉你...
准备

GitHub 账号(作为一个合格的程序员,你没有真的好吗?)

travis-CI 平台接入

GITHUB_TOKEN

给我点赞...

第一步

登录 CI 官网,然后连接自己的 gitHub,这个时候 Legacy Services Integration 应该默认显示了几个自己gitHub的项目

如果显示不全,可以按左边的 sync 同步一下

然后第一张图每个项目的边上有一个 switch 开关,你想要让哪个集成就打开哪个吧(不截图了,我懒...)

第二步

进入自己的 gh 主页,依次:GitHub settings -> developer settings -> Personal access tokens,勾选权限,自由发挥,你要全勾也行...


将生成的 token 复制备用

第三步

回到CI,打开你打开开关的那个项目的 settings(看到你很绕我就放心了...),进入配置页面,在 Environment Variables 里填入以下内容:

分别对应:git项目、项目分支(我这里的分支是gh-pages)、token、Git-email、Git-username
第四步

在项目根目录配置个文件叫 .travis.yml,打包项目以vue-cli为例,内容如下:

language: node_js
# nodejs版本
node_js:
    - "8.9.1"

# S: Build Lifecycle
install:
  - npm install
script:
  - npm run build

# 这个是不是看着很熟悉?
after_script:
  - cd ./dist
  - git init
  - git config user.name "${USER_NAME}"
  - git config user.email "${USER_EMAIL}"
  - git add .
  - git commit -m "blog.jzxer.cn"
  - git push --force --quiet "https://${test_token}@${GH_REF}" master:${P_BRANCH}
# E: Build LifeCycle

# 只对某个分支行为生效
branches:
  only:
    - master
第四点

打开 CI,进入自己构建项目的那个页面,打开 job log,感受那生怕 error 的快感!(都是泪...)


当然如果你通过的话,就会有一个 passing 在你的项目标题旁边。


每次看到这个我都激动的热泪盈眶...

第五步

看一下自己在git上的项目,是不是出现了这个分支,并且已经自动部署好了?成功的截图。

部署好的页面

后记

现在,你可以疯狂的 push 代码了,其他的事交给 CI 去做就行。

好了,码了这么久的字,你是不是应该:

点个赞?

个赞?

赞?

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95411.html

相关文章

  • Travis CI 持续集成服务构建 Composer 类库简明教程

    摘要:创建帐号提供的是持续集成服务,简称。在这里引入的原因是我们的项目需要使用服务进行持续集成和测试,当然你也可以替换成别的单元测试工具。创建单元测试用例是单元测试类库家族中的一员,使用的一个主要目的是为我们的模块创建单元测试用例。 本文首发于 Travis CI 持续集成服务构建 Composer 类库简明教程,转载请注明出处! 在项目开发过程中,编码工作只是软件开发整个过程中的一小部分环...

    DoINsiSt 评论0 收藏0
  • 前言 已经有阮一峰老师的持续集成服务 Travis CI 教程,为什么还要写这篇文章? 原因有二: 文章内容有些过时 文章覆盖度不够,有些实践细节没写出来 由于以上原因,纵然可以笔者很快在Github集成Travis CI并成功构建,但在发布时却踩了一些坑,折腾一波才终于发布成功。故写下此文,旨在补充更多的细节,帮助他人少走弯路。 正文 免费购买Travis CI应用 点击 https:/...

    novo 评论0 收藏0
  • 使用 flow.ci 快速发布你的项目文档

    摘要:如何发布文档最好的方式是把文档发布为网站,这样无需安装任何工具即可查看文档,更新时只需更新网站即可。在这里,用将文件快速生成为网站。拿文档来看,持续部署就是内容的持续测试与必要修改的归并及部署。在此,部署意为发布。 软件研发的协作过程中,文档是必不可少的一环,有需求文档、接口文档、使用文档等等。当开始写文档时,首先会遇到两个问题: team members 之间如何协作? 文档 OK...

    马永翠 评论0 收藏0
  • 是时候了解下Travis CI是什么了

    摘要:有些朋友一直疑惑是个什么东西,网络上搜索后得知的答案是自动测试,自动发布。自动这个名词貌似非常流行,这也是的一部分,什么是什么我们下一章讲讲这个。添加完成后并没有完事,这时候我们就该认真看看自动测试集成发布的脚本怎么写了。 showImg(https://segmentfault.com/img/bVbmBt2?w=750&h=200); 我一生的文章都会放在这里,我的博客,我希望每一...

    hzc 评论0 收藏0
  • Hexo 博客终极玩法:云端写作,自动部署

    摘要:配置触发方式一般会得到这么个语雀配置配置一个仓库的可以选择所有更新触发或者主动触发,主动触发的意思即发布需要勾选一个选项才会触发。 Hexo + Github + 语雀 + yuque-hexo +travis-ci+severless 打造全自动持续集成个人博客,云端写作,自动部署,完美体验~ 一、Hexo+Github 的痛点 1.为啥要用hexo+github? 作为一个程序猿,...

    AlphaWallet 评论0 收藏0

发表评论

0条评论

ityouknow

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<