搭建物联网硬件数据展示平台(一)


前言

一直想要学习做一件iot设备,选来选去选择了DHT11温湿度传感器进行学习。本次所需要的知识内容为:Esp8266、MQTT、php、Echarts、ajax。Esp8266与MQTT的内容,是通过网站“太极创客”进行学习的。


一、通讯过程

1、硬件部分

(1)Esp8266通过wifi连接到外网
(2)Esp8266通过D4端口获取温度、湿度
(3)Esp8266通过创建client id与主题,并通过外网连接到MQTT服务器

2、软件部分

(1)MQTT服务器通过转发进行数据持久化,也就是将数据存储在mysql
(2)php通过对mysql的读取,通过json传输到ajax
(3)js获取到数据并通过Echarts进行渲染

3、最终效果

在这里插入图片描述

二、准备工作

1、硬件

Esp8266开发板、DHT11温湿度传感器、面板版、杜邦线3根

2、软件

准备一个云服务器即可

三、云服务器的环境部署

1.重新安装ubuntu

1.1 点击重装系统

点击
在这里插入图片描述
在这里插入图片描述

1.2 重置root密码

此处密码需要牢记,因为这是未来进行远程连接必要的密码。

在这里插入图片描述

1.3 ssh之前的必要工作

使用 vi /etc/ssh/sshd_config 进行修改

在这里插入图片描述

之后重启ssh,就可以进行远程连接以及传输文件了

在这里插入图片描述

1.4 打开服务器中端口

本次代码需要的端口有:3306(mysql)、18083(EMQX主页)、1883(mqtt通讯端口)

在这里插入图片描述

2.宝塔面板中的操作

2.1 安装宝塔面板

# 直接复制粘贴
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh

在这里插入图片描述
在这里插入图片描述

2.2 进入宝塔面板

将上面的外网面板地址输入浏览器,并输入账号密码即可

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.3 创建站点

这一步非常简单,仅需要在面板中根据步骤创建一个站点即可,未来部署服务器时会在此目录下。

在这里插入图片描述
在这里插入图片描述

此时在你的浏览器中输入ip即可看到下面的信息

在这里插入图片描述

2.4 mysql相关操作

2.4.1 修改密码

在这里插入图片描述
在这里插入图片描述

2.4.2 修改远程管理权限

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

# 将此处的127.0.0.1修改为%

在这里插入图片描述
在这里插入图片描述

2.4.3 创建tem库

在这里插入图片描述

# 下面的图片为本次需要的两个表的结构。
我打包了本次部署的所有内容,包含表结构、硬件demo以及网页,请大家自行下载:
https://download.csdn.net/download/Allurelove19/85558942

在这里插入图片描述
在这里插入图片描述

2.5 在面板中也需要开启端口

在这里插入图片描述

3 安装EQMX

wget https://www.emqx.com/en/downloads/enterprise/4.4.3/emqx-ee-4.4.3-otp24.1.5-3-ubuntu20.04-amd64.deb
sudo apt install ./emqx-ee-4.4.3-otp24.1.5-3-ubuntu20.04-amd64.deb
sudo emqx start

# 完成上述操作后,在浏览器中输入ip:18083即可进入EMQX管理主页

在这里插入图片描述
在这里插入图片描述


总结

本文介绍了关于网站环境搭建部分的内容,包含:软硬件准备、服务器的重新安装、面板以及EMQX的安装,我将在未来几天陆续更新其他内容,敬请期待。
ps:我已将本次部署需要使用的demo放在了下载页中,大家自行查看获取,网址:https://download.csdn.net/download/Allurelove19/85558942。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一阵风°

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值