運用 Firebased開發投票小工具

Heko
小彥彥的前端五四三
2 min readDec 18, 2019

很久沒有玩玩Firebased了,而最近公司剛好需要用到一個小小的投票小工具所以就拿來練習一下。

首先我們需要準備三頁page,分別是主要的控制器、使用者的投票器、與分數統計的主頁面。

控制器與投票器
分數統計頁面

控制器主要用於統一使用者投票器投票時該投向第幾個陣列裡,每當控制起選定組別後,就會改變資料庫內 group的數字以便觸發投票器始之顯示相對應的主講人語組別主題。

觸發group:2

每當啟動一個投票器我就會在Firebased的資料庫裡push一串識別金鑰,並記在本機中,以便斷線或重新連結時得以識別,也能知道這位使用者投給各個候選人的票數。

最後投票統計畫面

反省事項:因為開發時我把所有的js code都寫在同一隻js檔案裡,再運用頁面上的唯一ID去片段自己需要運行哪一段code,可能寫得不夠嚴謹造成實際使用時投票器互相干擾的狀況,雖然最後排除了,但是,之後如果還要開發這種互動型的小工具,還是建議各自的code寫在各自的頁面上,以免造成互相干擾的現象。

--

--