温度实时监测——服务端部分/Node.js/Express/MQTT服务器篇二

最新推荐文章于 2025-01-18 19:53:21 发布

原创

最新推荐文章于 2025-01-18 19:53:21 发布 · 847 阅读

4 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何使用ESP8266、MQTT服务器和Express框架创建一个温度监控系统。通过Express生成器创建应用，并配置路由，结合EJS模板引擎展示页面。MQTT服务器部分使用mosca库实现，处理客户端连接、订阅和发布事件。前端页面使用ECharts展示温度数据，并通过按钮控制ESP8266的温度采集。此外，还涉及数据库MySQL，用于存储温度数据并在前端展示历史记录。

篇一主要是ESP8266相关的内容，这里主要涉及MQTT服务器和温度数据显示页面。

Express是一个基于Node.js平台的web开发框架，主要是提供route服务，有很多中间件可用，在到达路由之前进行一些请求处理，本项目其实没有利用多少他的优势，只是一个简单的示范。

使用Express生成器即可快速创建一个应用的骨架，通过下面的命令

express --view=ejs myapp

由此创建了一个名称为 myapp 的 Express 应用。此应用将在当前目录下的 myapp 目录中创建，并且设置为使用ejs模板引擎（view engine），通过下面的命令安装所有依赖包，将所有package.json中所有依赖安装在node_modules文件夹中。

npm install

通过下面的命令启动

 DEBUG=myapp:* npm start

本项目中，首先修改app.js

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

//*********mqtt server******************************
var mqtt_srever = require('./routes/mqtt_server');
//*********mqtt server******************************

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

在这里新增的内容主要是Mqtt服务器，即mqtt_server.js，如下所述

输入http://localhost:3000/后，首先通过路由为/routes/index，其中的内容为

var express = require('express');
var router = express.Router();


/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: '温度动态采集显示' });
});

module.exports = router;

进一步对index进行渲染，index.ejs内容如后面的内容所示。

关于MQTT服务器端，当时在这里也卡壳了很久，主要是开头的那个服务器建立格式不对，到目前还是不知道什么原因。。。

mqtt_server.js

 var mosca = require("mosca");

var MqttServer = new mosca.Server({
  http: {
    port: 8083,
    bundle: true,
    static: './'
  }
});

MqttServer.on