Skip to main content

Command Palette

Search for a command to run...

Github - Travis CI 認證徽章我得到啦!

本篇標題與內文不符,小心服用!

Updated
1 min read
Github - Travis CI 認證徽章我得到啦!

本篇標題與內文不符,小心服用!

一、廢話

如果有在使用 Github 的你,應該對下面這張圖非常熟悉吧!?

1494608107_61013.jpg

沒錯親愛的,這就是 GMP食品認證...

當然不是,但總會覺得好像擁有了他,

對於你的 Repository 會有種莫名的 Level Up,

你說是不是呢!!!

failed-bloc-assessment-768x450.png

下圖就是超級認證 Super~~~~ OAO

koajs/koa

1494607987_39794.png

二、真相

其實這是來自 Travis CI 其中的測試功能,

Travis 提供了自動化部屬與測試功能,

Test & Deploy

code-test-deploy.jpg

他能夠針對在 Github 上的專案進行同步的部屬與測試,

本篇只簡單描述如何快速建立該標誌,

當然應用相當廣泛,對於詳細應用可以參考 Travis官方網站

有興趣的人也可以參考 Docker

三、實作

首先到 Travis 網站,並使用 Github 登入。

1494603626_07718.png

登入後於選單選擇 Account,進入後就可以看到你在 Github 上的 Repository。

1494604087_60227.png

同時也可以看到每個專案左側都有個開關鈕,能夠針對你想要加入 travis 的專案進行啟用。

1494604125_78042.png

開關給他按下去,然後點進去專案。

1494604183_82826.png

這時你會看到,畫面告訴你,尚未進行 build,

回到你的專案底下新增一個檔案「.travis.yml」 

1494607754_37091.png

內文要打什麼呢?

travis 支援的語言相當多,只要你舉得起來,都可以幫你處理(?

本篇以 node.js 為例子,如果你使用的是不同語言,可以參考官方的文件 Geting started

language: node_js
node_js:
  - "6"
notifications:
    email:
        recipients:
            - ta7382@gmail.com
        on_success: always
        on_failure: always
install:
    - npm install
script:
    - npm start

language:為宣告本專案主要佈署建置的語言

  • -6:並告知其版本
  • notification:當部屬成功或失敗的時候能夠透過指定的 email 進行發送通知
  • install:則為安裝的宣告,例如本範例需要透過 npm 進行 Package 的安裝
  • script:如果你的 package.json 有必須要執行的,則可於此增加。

信箱部分要小心使用...否則會爆炸

1494608549_35511.png

而上述步驟,就是針對你專案在本地執行時該做的事情是一樣的。

回到剛剛 travis 專案區,可以看見已經開始進行自動佈署了。

本專案主要是使用 node.js 進行網站架設,

而在終端機畫面上可以看到 Server has started on 8080 port...

是很順利的完成架站了~

1494606839_39063.png

如果結果出現了失敗的標記,不妨去看看該對應的語言文件撰寫規格方式吧~

1494606791_8214.png

順利了話,就可以看到綠色的勝利標章囉~

1494606895_40633.png

標章是由 svg 繪製

首先點選上面的標章,選擇 Mardown(方便加入至 Github 的 Readme.md)。

1494606953_94069.png

把剛剛得到的路徑,貼回去 Readme.md 吧~

1494607819_31365.png

如此一來即使空蕩蕩的專案(X

也能夠感覺很專業呢!

1494607795_68014.png

當然其運用範圍相當廣泛,在剛剛 travis 部分,

如果仔細點點其他選單,會發現還有許多功能,

例如自動佈署,或排程等等,而成功失敗語法,

當然就會即時顯示在 Readme.md 畫面上囉 ~

1494607158_80427.png

四、後記

快來蒐集成為徽章大師吧

※. 關於 travis 還有很多功能,甚至資料庫的建置等等,透過終端機是可以做很多事情的

3uTvbzl.jpg

有勘誤之處,不吝指教。ob'_'ov

Git

Part 1 of 50
Github - Travis CI 認證徽章我得到啦!