小弟於 2015 年初為敝公司寫的尾牙抽獎程式,預計清掉所有需授權的內容後 Open Source
想試玩系統,請至線上 Demo 頁 http://grassboy.github.io/Lottery/
此系統需要與下列幾個第三方服務進行介接:
- Firebase (備援機制、多裝置同步機制)
- Firebase 環境的建立請見 FirebaseAccountSetting
- justfont (讓抽獎系統字體看起來更 Fancy)
- justfont 環境的建立請見 JustFontAccountSetting
遠端抽獎頁的網址為:http://grassboy.github.io/lotteryButton/index.html
- 注意,直接連進去時並無法操作,此網址的格式應為
http://grassboy.github.io/lotteryButton/index.html?[firebase 設定]
- 請直接透過設定頁面的「至遠端抽獎頁」按鈕開啟
- Firebase 設定需要填入由 Firebase 專案提供的設定資訊,如下圖
(你也是可以用用目前我設定好的 firebase 環境,支援暱名登入,不過如果這個 firebase 被用在其他未預期的用途上…我可能會考慮拿掉降子0rz...)
系統操作各式情境請見 OperationScenario
系統安裝方式請按以下步驟:
- 下載此專案至本機
- 下載 Compass.app
- 執行 Compass.app (開啟 compass.app 的紅色指南針程式)
- 這時候可能會被要求電腦要安裝 java,可至 Java 官網 安裝
- 執行 Compass.app 時,Windows 工具列會多一個灰色指南針圖示,如下圖
- 在灰色指南針按右鍵 → Preference → Services → 點選 Enable Web Server (port 設成 24680)
livereload 可設可不設,如下圖
- 解壓縮一開始的 gh-pages.zip,會得到一個資料夾
- 在灰色指南針按右鍵 → Watch a folder... → 選取剛才解壓縮後的資料夾
- 灰色指南針此時會變成紅色指南針,即表示已完成 Watch,此時 http://localhost:24680/ 就可以連至抽獎系統,如下圖:
如果您是敝司同仁,在介接訊息達人時,可能會遇到訊息發不出去的狀況,請進行下列操作:
- 首先先下載可進行 Violent Monkey 的 firefox addon https://addons.mozilla.org/zh-TW/firefox/addon/violentmonkey/
- 打開新分頁,進入
about:config - 搜尋
network.cookie.sameSite.noneRequiresSecure和network.cookie.sameSite.laxByDefault並將其值從原本的 true 改為 false - 和小弟拿到對應的 js 檔,放在 javascript 資料夾下
- 重新整理抽獎系統頁面,並進行訊息發送,應該就能正常送出了
(test modify 2025/12/24)




