Raspberry Pi 筆記(49)：樹莓派的儀表板 Pi-Dashboard

上週，我實作了一個樹莓派的監控系統 RPi-Monitor，可以透過網頁將樹莓派的資源使用狀況，利用數字或圖表的方式呈現出來。今天要來實作另一個稱做 PiDashboard的儀表板系統。

 Pi Dashboard (Pi 儀表板) 是樹莓派實驗室發布的一款開源的 IoT 設備監控工具，目前主要針對樹莓派平台，也儘量支援其他類似樹莓派的硬體產品。只需要在樹莓派上安裝好 PHP 程式，透過酷炫的 WebUI 來監控樹莓派狀態。

目前已加入的監測項目有：

• CPU 基本訊息、狀態和使用率等即時數據 
• 記憶體及緩衝區、SWAP分區使用的即時數據 
• SD卡的使用情况 
• 即時的負載數據 
• 執行程序數據 
• 網路實時數據 
• 樹莓派的IP、運行時間、操作系統、HOST 等基本資訊

[安裝Pi Dashboard]

要安裝 Pi Dashboard 有兩大步驟，一是先安裝 Nginx（或 Apache）和 PHP。其次在 Nginx 目錄安裝 Pi Dashboard主程式。

步驟一：安裝 Nginx 和 PHP

$ sudo apt-get update
$ sudo apt-get install nginx php7.0-fpm php7.0-cli php7.0-curl php7.0-gd php7.0-mcrypt php7.0-cgi

啟動 Nginx 和 php

$ sudo service nginx start
$ sudo service php7.0-fpm restart

如果安裝成功，可使用 http://you_raspberry_ip來連線，以我的樹莓派為例: http://192.168.1.128，就可看到歡迎畫面：

修改nginx的設定，讓 Nginx 能處理 PHP，使用編輯程式開啟：

$ sudo nano /etc/nginx/sites-available/default

將檔案內的以下內容

location / {
           # First attempt to serve request as file, then
           # as directory, then fall back to displaying a 404.
           try_files $uri $uri/ =404;
        }

替換成以下內容

location / {
           index  index.html index.htm index.php default.html default.htm default.php;
         }

location ~\.php$ {
          fastcgi_pass unix:/run/php/php7.0-fpm.sock;
          #fastcgi_pass 127.0.0.1:9000;
          fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
          include fastcgi_params;
         }

重新啟動 nginx 服務

$ sudo service nginx restart

步驟二：下載安裝 Pi Dashboard主程式
Nginx 的根目錄在 /var/www/html，稍後下載的主程式要放在這個目錄內。

$ mkdir pi-dashboard
$ cd pi-dashboard

到 github 下載主程式，打開網頁連線到 https://github.com/spoonysonny/pi-dashboard

按下右方有個綠色按鍵 [Clone or download]，下方會出現 [Download Zip]，對這個藍色的按下右鍵，選擇[複製連結網址]。回到終端機視窗，輸入以下指令：

$ wget https://github.com/spoonysonny/pi-dashboard/archive/master.zip

解壓縮

$ unzip master.zip

此時會多出一個 pi-dashboard-master的目錄，將此目錄複製至 /var/www/html 下並改名，因對該目錄 pi用戶沒有存取權限，需使用sudo 進行複製檔案。 -r 參數是要將pi-dashboard內的 assets 目錄也一併複製過去。

$ sudo cp -r pi-dashboard-master /var/www/html/pi-dashboard

要看樹莓派的資源使用狀況，可透過瀏覽器即可看到，以我的樹莓派為例：

http://192.168.1.128/pi-dashboard/

[參考資料]

• 主頁：http://maker.quwj.com/project/10
• GitHub ：https://github.com/spoonysonny/pi-dashboard