给树莓派装一个仪表盘

前言

效果.gif
树莓派配置好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
即可查看PHPinfo信息,说明PHP与Nginx配置成功。

5. 树莓派安装MariaDB和phpMyAdmin
sudo apt-get install mariadb-server-10.3 phpmyadmin

控制台安装phpMyAdmin过程中会出现配置phpMyAdmin的选项
图片.png
它让我们自动重新配置网络服务器Apache或者lighttpd,因为我们用的是Nginx所以按esc键取消选择,安装结束时会出现一个配置选项,点击yes进行配置,之后要求输入一个密码,注册到MySQL服务器上
图片.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
我把它解压后重命名为pi-dashboard放在本地桌面上。
使用scp命令将本地文件拷贝到树莓派中:

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

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值