前言

图片.png

树莓派配置好lnmp环境后，可以装一个状态监控的网站。通过炫酷的WEBUI的界面显示当前树莓派的：

• CPU的基本信息，状态和使用率
• 树莓派当前IP地址、使用的时间、操作系统
• 内存、缓存、SWAP分区的实时数据
• TF卡磁盘的占用情况
• 网络接口实时数据
  以下是在树莓派上安装pi-dashboard的详细过程：

安装方法

1. 安装Nginx

ssh登录树莓派，输入：

sudo apt-get update
sudo apt-get install nginx

2. 安装php

sudo apt-get install php7.3-fpm

3. 配置Nginx

安装好Nginx后，为了让Nginx能够处理PHP网页，需要修改/etc/nginx/sites-available/default文件

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

将default文件修改为以下内容：

# Default server configuration
#
server {
        listen 80 default_server;
        listen [::]:80 default_server;

        root /var/www/html;

        # Add index.php to the list if you are using PHP
        index index.html index.htm index.nginx-debian.html index.php;

        server_name _;

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

        # pass PHP scripts to FastCGI server
        #
        location ~ \.php$ {
        #       include snippets/fastcgi-php.conf;
        #
        #       # With php-fpm (or other unix sockets):
                fastcgi_pass unix:/run/php/php7.3-fpm.sock;
        #       # With php-cgi (or other tcp sockets):
        #       fastcgi_pass 127.0.0.1:9000;
        # 设置脚本文件请求的路径
                fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        # 引入fastcgi的配置文件 
                include fastcgi_params;
        }

}

如果你觉得在原文件编辑修改很麻烦，你也可以先使用rm命令sudo rm /etc/nginx/sites-available/default将原default文件删除，再使用touch命令sudo touch /etc/nginx/sites-available/default创建一个default文件,再使用nano命令sudo nano /etc/nginx/sites-available/default，将上面代码框中的代码创建为新的default文件。

4. 重启Nginx

 sudo nginx -s reload

这时我们可以查看Nginx与PHP是否配置成功，我们可以在网站根目录下/var/www/html创建一个index.php文件，内容如下：

<?php phpinfo(); ?>

保存后退出，在局域网下浏览器地址栏输入：http://你的树莓派ip/index.php，

图片.png

5. 树莓派安装MariaDB和phpMyAdmin

sudo apt-get install mariadb-server-10.3 phpmyadmin

控制台安装phpMyAdmin过程中会出现配置phpMyAdmin的选项

图片.png

图片.png

6.建立软链接：

安装完成后要把phpmyadmin 连接到 Nginx服务器的php根目录上，我们用以下命令建立软链接：

sudo ln -s /usr/share/phpmyadmin /var/www/html

7.pi-dashboard项目部署

我们先在本地下载pi-dashboard项目，下载地址：https://github.com/spoonysonny/pi-dashboard.git，

解压.gif

scp -r /Users/yushengtan/Desktop/pi-dashboard pi@192.168.123.126:/var/www/html

这里我们解释以下这个scp命令，参数-r代表递归拷贝，因为我们本地要拷贝的是一个文件夹，如果只拷贝单个文件就不需要这个参数。
scp命令：scp 本地文件位置 树莓派用户@树莓派IP地址：目标位置

8 .最后

重启树莓派，

sudo reboot

本地打开浏览器查看效果：

效果.gif

这个项目支持响应式布局，对移动端也有很好的适配效果：

iphone效果.gif