Posts
Trellodoro - Trello + Pomodoro = Personal Kanban Bliss
Trellodoro 是一整合 Trello 與蕃茄鐘的工具,使用時需連結 Trello。
授與存取權限。
選取要使用的 Trello board 及要進行的 Task。
調整蕃茄鐘的時間設定,最後點選 Launch Time 按鈕。
蕃茄鐘就會開始倒數。
當蕃茄吃完,它會更改對應的 Trello card 讓你知道吃了幾顆蕃茄。
Link Home - Trellodoro
read morePosts
Vagrant - Install VirtualBox Guest Additions
OS Kernal 更新,可能會造成 Vagrant 無法正常使用,像是筆者切換了不同 Domain 的 AD帳號後,嘗試使用 Vagrant 就會出錯。
這時我們可以嘗試重新安裝 VirtualBox Guest Additions。
vagrant plugin install vagrant-vbguest 重新安裝完 Vagrant 就可以正常使用了。
read morePosts
GitLab - Change default branch
GitLab 在建立 Merge Request 時,Target branch 會幫我們自動帶入預設的 branch,也就是 master branch。
在某些情境這樣的設定並不恰當,也可能會增加操作錯誤的風險。
這時我們可以開啟專案的 General project settings。
將 Default Branch 從預設的 master。
切換至其它更為適當的 Branch。
這樣設定完後新開的 Merge Request 所帶出的 Target branch 就會是我們指定的 Branch。
read morePosts
Firebase - Getting Started with Cloud Functions
要使用 Firebase 的 Functions,可先切至 Firebase 下的 Functions 頁面。
點選開始使用。
這邊會提示使用 Firebase Functions 的步驟,首先要有 Firebase 指令列工具。
接著要使用 Firebase 指令列工具初始專案,撰寫專案後再次透過 Firebase 指令列工具部屬專案即可。
這邊跟著提示簡單的操作一次,先用 Firebase 指令列初始專案。
firebase init 選取使用 Functions 設定。
選取要使用的 Firebase 專案。
選取要使用的程式語言。
初始完後開啟專案進行修改,撰寫 Firebase Functions。
撰寫完使用 Firebase 指令列工具進行專案的部屬。
firebase deploy 部屬完成 Firebase 的 Functions 資訊主頁會看到我們發布上去的 Firebase Functions。
訪問 Firebase Functions 對應的網址,可看到 Firebase Functions 正確的運作。
Link 使用Firebase Functions前的環境準備與開發工具安裝,Serverless真的來了 - 綠豆湯 firebase/functions-samples: Collection of sample apps showcasing popular use cases using Cloud Functions for Firebase 使用Firebase Functions的HTTP Triggers設計簡易的Android網路登入驗證功能,連PHP、ASP、Servlet都不用了 - 綠豆湯 Getting Started with Cloud Functions for Firebase - Firecasts - YouTube
read morePosts
Firebase - Append a list of data to realtime database on the web
要將資料附加到 Firebase 的 List 內,需先進行 Firebase 與應用程式的連結,然後透過呼叫 Firebase 的 database 方法取得資料庫物件,調用 ref 方法取得資料物件的參考,再調用 push 方法取得新資料的參考,透過參考調用 set 方法將資料寫入即可。
Link Work with Lists of Data on the Web | Firebase Realtime Database | Firebase
read morePosts
Firebase - Listen for value events from realtime database on the web
要監聽資料並自 Firebase 將資料讀取出來,需先進行 Firebase 與應用程式的連結,然後透過呼叫 Firebase 的 database 方法取得資料庫物件,調用 ref 方法取得資料物件的參考,最後調用 on 方法,指定監聽 value 事件,並帶入一個委派,在委派內取用數值即可。
像是本來 Firebase Realtime Database 內的資料如下:
將應用程式運行起來,可以看到應用程式正常取得了資料。
這時回到 Firebase Realtime Database 的資料頁面,將資料值做個修改。
可以看到應用程式監聽到了資料的改變,並做出了對應的動作。
Link Read and Write Data on the Web | Firebase Realtime Database | Firebase
read morePosts
Firebase - Read data once from realtime database on the web
要將資料自 Firebase 讀取出來,需先進行 Firebase 與應用程式的連結,然後透過呼叫 Firebase 的 database 方法取得資料庫物件,調用 ref 方法取得資料物件的參考,最後調用 once 與 then 方法,在 then 方法中帶入一個委派,在委派內取用數值即可。
假設 Firebase Realtime Database 內的資料如下:
運行起來可以看到會從 Firebase 取得正確的數值。
Link Read and Write Data on the Web | Firebase Realtime Database | Firebase
read morePosts
Firebase - Set data to realtime database on the web
建立完 Firebase 專案且調完資料庫的安全性規則設定,可以開始嘗試進行 Firebase Realtime Database 的寫入動作,因為這邊是用 Web 專案開發,所以點選 “將 Firebase 加入您的網路應用程式”。進行應用程式的連結。
這邊會給予一段連結應用程式用的 JavaScript 程式,按下複製按鈕複製下來,貼至應用程式中。完成應用程式的連結。
接著進行撰寫寫入的部分,透過呼叫 Firebase 的 database 方法取得資料庫物件,調用 ref 方法取得資料物件的參考,最後調用 set 方法將要設定的資料值帶入即可。
將撰寫的應用程式運行起來。
回到 Firebase Realtime Database 的資料頁面,可以看到資料已被正確的寫入。
Link Read and Write Data on the Web | Firebase Realtime Database | Firebase
read morePosts
Firebase - Realtime database rules
Firebase 專案建立後,若要使用 Realtime Database 功能可點選左側 DEVELOP 下的 Database。
點選 Realtime Database 下的開始使用按鈕。
在開始使用 Realtime Database 之前,我們需先切至規則頁面,調整 Realtime Database 的的安全性規則設定。
預設的安全性規則設定為讀寫都需先經過認證。
我們可以開啟模擬工具簡單的測試一下,嘗試讀取 Realtime Database。
因為沒通過認證,所以讀取的動作會被拒絕。
如果我們將設定調整如下,直接開放讀取與寫入,讓讀取與寫入的動作不需要經過認證。
同樣的透過模擬工具簡單的測試一下。
會發現讀寫的動作都會不會被拒絕了。
Link Understand Firebase Realtime Database Rules | Firebase Realtime Database | Firebase
read morePosts
Firebase - Create project
Firebase 在使用前需先進入控制台。
新增一個對應的專案。
設定專案的名稱、ID、及服務想放置的地區。按下建立專案按鈕。
Firebase 即會建立專案並導到專案頁面,我們即可將連結應用程式做進一步的開發,或是使用該頁面針對 Firebase 所提供的服務進行操作。
read more