Javascript CI篇（4）- Github + Travis 持續集成

pingink 發布于2019-08-20 18:09 / 2104人閱讀

摘要：簡介是目前新興的開源持續集成構建項目，它與，的很明顯的特別在于采用格式，簡潔清新獨樹一幟。目前大多數的項目都已經移入到的構建隊列中，據說每天運行超過次完整構建。查看構建情況增加逼格首先要是一個文檔。是由提供的真實的構建情況。

Travis簡介

Travis CI（continuous integration ）是目前新興的開源持續集成構建項目，它與jenkins，GO的很明顯的特別在于采用yaml格式，簡潔清新獨樹一幟。目前大多數的github項目都已經移入到Travis CI的構建隊列中，據說Travis CI每天運行超過4000次完整構建。

還有Travis有付費和免費版本，對于開源項目（github）是免費的，對于私有項目是要收費的。企業級私有應用需要找Travis商業合作

另外如果是Window上開發，需要注意一下有沒有針對Window用的命令，例如：package.json中的腳本寫成"test":". ode_modules.binkarma.cmd start"

基于github使用Travis

Travis和github是一對好基友，travis對github開源的項目完全免費。

首先需要用github賬號登陸travis網站

注冊成功后，然后點擊自己的賬戶頭像，

然后開啟Travis

在項目中增加.travis.yml配置文件

以上操作已經完成了項目的CI所有工作了。

查看構建情況

README.md增加逼格badge

首先README要是一個markdown文檔。

Build Status

Build Status是由Travis提供的真實的構建情況badge。首先到Travis找到對應的項目（如下圖），然后點擊這個如圖這個圖標，選擇markdown，會自動生成markdown的路徑，拷貝路徑到README就可以了。

coverage

代碼覆蓋率生成報告的框架是用istanbul，如果想在github上生成對應的badge，需要將istanbul生成的報告發給CoverAlls。和Travis一樣使用CoverAlls也需要先用github的賬號登陸CoverAlls，然后再開啟項目，詳見下圖：

具體配置如下:

package.json 增加

//注意package.json要有coveralls npm庫的依賴，
//另外因為生成的報告目錄是：coverage/Chrome 59.0.3071 (Windows 7 0.0.0)/lcov.info，
//所以這邊cat的時候攜程`./coverage/*/lcov.info`

"test": "./node_modules/.bin/karma start  --single-run  && cat ./coverage/*/lcov.info | coveralls",

karma.conf.js增加

after_success:
# - ls /home/travis/build/ganxunzou/MyKarma/coverage 可以看你報告生成報告的目錄內容，注意項目路徑。
- npm run coveralls

npm 相關badge

如果你的項目是一個NPM的庫，你可以把庫提交到NPM，然后再用NPM提供的badge用法很簡單。
https://img.shields.io/npm/dm/xxx.svg其中xxx是你項目的名字，dm是download簡寫。

比如我的地址就是[https://img.shields.io/npm/dm/MyKarma.svg](https://img.shields.io/npm/dm/mykarma.svg)

download

[![Github Releases](https://img.shields.io/npm/dm/mykarma.svg)](https://github.com/ganxunzou/MyKarma)

License

[![Github Releases](https://img.shields.io/npm/l/mykarma.svg)](https://github.com/ganxunzou/MyKarma)

Version

[![Github Releases](https://img.shields.io/npm/v/mykarma.svg)](https://github.com/ganxunzou/MyKarma)

GPU云服務器云服務器 travis-ci 持續集成軟件持續集成敏捷持續集成

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84141.html

Javascript 項目常用的一些配置文件

摘要：引子基本上上優秀的項目上面有很多零零碎碎的文件。其他平臺除了，市面上還有其他很多平臺，如項目中使用的和等等。利用提供的若干規則，造出一份適合于自己或團隊的代碼規范配置，同時用規則去忽略文件只是用來純粹美化代碼。引子基本上 GitHub 上優秀的javascript項目上面有很多零零碎碎的文件。如圖，以koa為例showImg(https://segmentfault.com/img...

zxhaaa 2019-08-21 18:40 評論0 收藏0
fir.im weekly - 「持續集成」實踐教程合集

摘要：來這里看看的工程師如何進行持續集成與持續部署。主要介紹了豆瓣移動持續集成和測試相關實踐，用工具化自動化社會化測試來解決遇到的問題，將打包發布環節自動化。這期的持續集成實踐分享就到這里。我們常看到許多團隊和開發者分享他們的持續集成實踐經驗，本期 fir.im Weekly 收集了 iOS，Android，PHP ，NodeJS 等項目搭建持續集成的實踐，以及一些國內外公司的內部持續集成...

A Loity 2019-06-27 13:42 評論0 收藏0
怎么開發并發布一個可用的 JavaScript 模塊？

摘要：但是，我們發布之前，需要做一些持續集成和單元測試，用來保證代碼的正確性，穩定性。 Javascript 那么流行，作為一個前端開發者，或者前端入門者，發布一個正式可用的 Javascript 模塊，對于自己來說應該成長很大。下面就以一個簡單的 Javascript 模塊 filesize.js 來介紹 github、travis-ci、npm 這些內容的組合使用。一、目標概覽本文將...

TANKING 2019-08-20 11:15 評論0 收藏0