造一個Badge Service（徽章）的輪子

什么是Badge Service

細(xì)心的讀者朋友一定在很多Github的Repo，npm的package頁面看到過諸如的徽章。這些徽章是干什么用的？

大家看到上文中我引用的Badge的左側(cè)，是Downloads，Build，Dependency之類的，不難猜出，這些Badge是用于一些信息的統(tǒng)計，然后以圖片的形式展示出來。比如我的一個小項目Delta是用js寫的，我使用了Travis CI來進(jìn)行持續(xù)的編譯和測試。每次我checkin了新的代碼，Travis CI就會對最新的代碼進(jìn)行build，然后把build的結(jié)果，畫成一張矢量圖，放在https://travis-ci.org/rebornix/delta.svg下。于是同學(xué)們就能及時地從我的項目主頁看到該項目的最近build情況，如果掛了，就可以肆意地爆我。

其實這就是個把numbers變成圖片的小玩意。

Shield Badge

為了讓.NET世界的朋友也和前端朋友們一樣酷，我們決定在Visual Studio Gallery中也提供這樣的服務(wù)。很快我寫了一個版本，用來生成PNG。效果還不錯，但是PNG唯一的缺點就是無法scale，如果能生成矢量圖會更好。由于.NET在繪制矢量圖上天生殘疾，我嘗試著找找有沒有現(xiàn)成的方案。于是我發(fā)現(xiàn)了Sheild.io.

Shield提供了一套繪制badge的方案，并且開源了nodejs、php、go等語言的實現(xiàn)方式，甚至他們提供了一個服務(wù)Shield.io方便大家使用。這幾乎是完美的。

那為啥我要造輪子

原因也挺簡單的，shield并不可能像Azure，AWS那樣提供SLA（我們也不該要求他們提供）。我們要盡可能地為我們的網(wǎng)站減少這樣的external dependency。既然他們開源了，我干脆就寫了一個.NET版本，通過Nuget管理Assembly，然后把這個服務(wù)run在我們自己的機(jī)器上。我給它取了個很俗的名字，叫DotBadge，大家可以前去Github圍觀。

如何使用

大家可以通過nuget下載dll來引用，另外為了大家更好地玩耍已經(jīng)體驗，我寫了個小小的命令行工具。

命令行工具

下載

打開命令行，到DotBadge的目錄下，執(zhí)行DotBadge.exe --help.

例子

DotBadge.exe -sb "Downloads" -st "1000" -c "Green" -sl 0

DotBadge.exe -sb "Build" -st "fail" -c "Red" -sl 0 

DotBadge.exe -sbhttps://github.com/rebornix/DotBadge/edit/master/Readme.md# "Star" -st "234" -c "#ddf" -sl 1 

如何放到你自己的項目里面

在Nuget的 Package Manager Console里面運(yùn)行

PM> Install-Package DotBadge

或者使用Nuget的UI tool搜索下載。

例子

using DotBadge;using System.IO;namespace Badge{    class PRogram    {        static void Main(string[] args)        {            var bp = new BadgePainter();            File.WriteAllText(@"C:/Users/peng/Desktop/nuget.svg", bp.DrawSVG("Badge", ".Net", ColorScheme.Red, Style.Flat));        }    }}

造輪子充滿樂趣