技術文章 / Tags: Zero

從 Zero 開始（10）- 安裝與使用 PiCommander WEB App

閲讀次數：7575 發表時間：2016/11/10

tags: JavaScript Zero PiCommander firebase web

準備與確認工作

現在準備安裝PiCommander Web App，可以在網頁監控連接在Raspbbery Pi的設備與零件。在開始接下來的工作之前，先確認已經準備好下列的項目：

依照下列的步驟執行設定環境變數的工作：

選擇「開始」後，在「電腦」上按滑鼠右鍵，選擇「內容」。
在「系統」視窗選擇「進階系統設定」：
選擇「進階」標籤後選擇「環境變數」：
選擇系統變數的「新增」按鈕：
在變數名稱欄位輸入「JAVA_HOME」，在變數值欄位輸入JDK安裝的位置，例如「C:\Program Files\Java\jdk1.8.0_25」。輸入完成後選擇「確定」按鈕：
為了方便後續執行的工作，加入Java工具程式資料夾到Path系統環境變數。在環境變數視窗選擇系統變數「Path」後選擇「編輯」按鈕：
保留原來變數值欄位的內容，在最前面加入「%JAVA_HOME%\bin;」，選擇「確定」按鈕：
回到環境變數視窗後選擇「確定」按鈕；回到系統內容視窗後同樣選擇「確定」按鈕；最後關閉系統視窗完成設定。

啟動一個新的命令提示字元視窗，執行「javac -version」指令，確認是否設定成功：

    Prompt > javac -version
    javac 1.8.0_25

依照下列的步驟安裝TomEE網頁伺服器：

在個人電腦啟動瀏覽器，開啟網頁http://tomee.apache.org/downloads.html。
選擇「1.7.4 – WebProfile(Java EE 6 certified)」的「ZIP」，儲存下載的檔案：
解壓縮下載的檔案。
啟動命令提示字元視窗，執行下面切換資料夾的指令：
```
cd TomEE解壓縮資料夾\apache-tomee-webprofile-1.7.4\bin
```
在命令提示字元視窗，執行下面啟動TomEE伺服器的指令：
```
startup.bat
```
啟動完成以後的畫面：
啟動瀏覽器，開啟網頁http://localhost:8080/，如果看到下面的網頁，表示TomEE啟動成功：
在命令提示字元視窗，執行下面關閉TomEE伺服器的指令：
```
shutdown.bat
```

依照下列的步驟下載與安裝 PiCommander WEB App：

依照「從 Zero 開始（5）- Firebase 雲端即時資料庫服務」說明的「匯入資料到 Firebase」，下載需要的檔案後，可以在這裡找到PiCommander 網頁應用程式：
```
儲存檔案的資料夾\PiComFire2-master\projects\PiComWeb\PiComWeb.war
```
把「PiComWeb.war」檔案複製到「TomEE解壓縮資料夾\apache-tomee-webprofile-1.7.4\webapps」資料夾。
啟動命令提示字元視窗，執行下面切換資料夾的指令：
```
cd TomEE解壓縮資料夾\apache-tomee-webprofile-1.7.4\bin
```
在命令提示字元視窗，執行下面啟動TomEE伺服器的指令：
```
startup.bat
```
啟動瀏覽器，開啟網頁http://localhost:8080/PiComWeb，如果看到下面的網頁，表示PiCommander Web App安裝成功：

啟動瀏覽器，開啟網頁http://console.firebase.google.com，選擇「Console」以後，選擇「將Firebase加入您的網路應用程式」：
選擇並複製畫面中的內容:

開啟下面的檔案:

儲存檔案的資料夾\PiComFire2-master\projects\PiComWeb\PiComWeb\WEB-INF\include\firebase.txt

把第二個步驟複製的內容貼入firebase.txt，存檔並關閉。
啟動命令提示字元視窗，執行下面切換資料夾的指令：
```
cd TomEE解壓縮資料夾\apache-tomee-webprofile-1.7.4\bin
```
在命令提示字元視窗，執行下面啟動TomEE伺服器的指令：
```
startup.bat
```