log-lottery 開源網頁抽獎系統自定義配置與尾牙活動實用部署

簡介

如果你最近剛好在準備抽獎活動、社團活動、公司年會，或任何需要現場抽獎的場合，那 log-lottery 這個專案其實非常實用。

它本身是一個開源的網頁抽獎工具，整體操作都在瀏覽器內完成，不需要另外安裝一堆複雜系統。你可以自己匯入抽獎名單、設定獎項內容、上傳獎品圖片、替換背景圖片，甚至連抽獎時要播放的音樂都能一起調整。

另外我自己也 fork 了一個 繁體中文化版本，並且已經部署好，對中文使用者來說會比較順手。官方原版主要是簡體中文介面，如果你只是想直接打開就用，繁中版會省事很多。

如果你不想自己部署，也可以直接用我整理好的繁體中文版本：

這個版本比較適合想快速開用的人，打開瀏覽器就能直接操作。
至於官方原版則還是以簡體中文為主，如果你是要自己研究原始專案或後續二次修改，再去看官方 repo 會比較合適。

log-lottery 繁體中文版操作展示

這個工具可以處理的東西其實比我原本想像中完整，常見的抽獎需求幾乎都有：

如果你只是想快速準備一個活動抽獎頁面，不想自己從零開發，這種可直接調整設定的專案真的方便很多。

第一次開啟後，建議先到設定頁面把幾個基本項目整理好，後面抽獎流程會順很多。

先匯入抽獎名單。
如果參加者比較多，可以先用 Excel 模板整理資料，再一次匯入，這樣會比手動輸入省事很多。

這裡可以新增或修改獎項名稱、名額、是否允許重複中獎，以及獎項對應圖片。
例如你可以設定三等獎、二等獎、一等獎、特別獎、超級大獎這類常見層級。

如果內建圖片不符合活動風格，可以自己上傳獎項圖片，之後再回到獎項設定裡面選用。
這樣整個抽獎畫面看起來會更像是你自己的活動頁，而不是公版工具。

可以調整標題、版面、背景圖與整體顯示效果。
如果你活動本身有主視覺，這一區其實很好用，稍微換一下圖跟文字，整體感覺就會差很多。

可以上傳或選擇背景音樂，讓抽獎過程更有氣氛。
這種現場型工具，有沒有音樂差滿多的，尤其抽大獎時效果會很明顯。

實際操作不複雜，大致流程就是下面這樣：

如果只是一般公司尾牙或小型活動，基本上照這個流程走一次就能用了。

我自己覺得這個專案最大的優點，就是操作直覺、畫面效果不錯，而且可自訂程度高。

它不是那種只做最基本抽名字的陽春工具，而是真的有把活動現場會用到的元素一起考慮進去，像是獎項圖片、背景、音樂、名額控制、結果匯出這些都先幫你準備好了。

如果你的需求只是快速準備一個活動抽獎頁面，那直接修改設定就能上手，省下自己從零做一套的時間。

相關連結：