App Inventor學習記錄91-用 FirebaseDB元件,做應用程式的線上使用人數顯示

這次要用 FirebaseDB以及計時器這兩個元件,來把使用 APP的在線人數給顯示在螢幕上。
記錄一下:
App Inventor學習記錄91-用 FirebaseDB元件,做應用程式的線上使用人數顯示


第一步,我們要先建立一個 FirebaseDB的線上即時資料庫
所以我們前往 FirebaseDB……建立即時資料庫的過程,請參考之前介紹過的:
App Inventor學習記錄47,用 FirebaseDB元件,做一個簡單的註冊登入頁面


畫面編排的部份如下

在線人數這個標籤,就是等一下要用來顯示在線人數用的。
FirebaseDB這個就是這次的主角。
記得建立好資料庫,改完讀取規格之後,要改資料庫的網址給填上。


全部的程式碼如下:


第 1、2部份的程式碼說明:

建立一個叫連線情況的變數,這個變數會有不同的值,用來判斷要進行那個步驟。

當螢幕初始化的時候
設定連線情況的值為 “上線“。
呼叫 FirebaseDB 1.取得數值
標籤就先設定成 people。等一下用到的值都是放在 people這個標籤下。


第 3部份的程式碼說明:

當假裝離線按鈕被點擊的時候:
連線情況,設定為下線。
呼叫 FirebaseDB 1.取得數值


第 4部份的程式碼說明:

當計時器開始計時的時候:
連線情況,設定為連線中。
呼叫 FirebaseDB 1.取得數值


第 5部份的程式碼說明:

FirebaseDB 取得數值的時候:
加入流程判斷式。

如果連線情況的值等於上線,而且標籤等於 people的時候。
呼叫 FirebaseDB.1儲存數值的功能,要儲存的地方,就是 people這個標籤下的內容。儲存值的地方就是原本取到的 value值加 1。
然後,把計時器 1的啟用計時,設定為真

如果連線情況的值等於下線,而且標籤等於 people的時候。
呼叫 FirebaseDB.1儲存數值的功能,要儲存的地方,就是 people這個標籤下的內容。儲存值的地方就是原本取到的 value值減 1。

如果連線情況的值等於連線中,而且標籤等於 people的時候。
呼叫 FirebaseDB.1取得數值的功能,去取 people這個標籤下的內容。
然後,把在線人數這個標籤的文字,設定為取到的 value這個值。


這麼一來,只要一打開程式,就會自動的在把上線人數的值加 1。
至於這裡是用一個按鈕來暫時替代離開程式的功能,所以這個按鈕按一下之後,在線人數的值就會減 1。
如果是單機版的話,做到這裡其它就夠了。

但是如果是多人連線版的話,就要多加一個計時器上去,讓它持續的取值,不然最先登入的人會只能看到當下使用應用程式的人有幾個,後續有新使用的人加入的話,就會看不到數值。

忘了放實際運行的畫面,就是下面這樣。

這次的 aia檔的下載連結如下:
點我下載 NO_91_people_online.aia

參考書籍如下:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發表迴響