Arduino Ethernet构建简易服务器

简介: Arduino Ethernet构建简易服务器

Arduino Ethernet构建简易服务器

首先先介绍一下用到的器件:

Ethernet扩展板

接下来,我们将使用Arduino和Ethernet扩展板作为Web服务器,通过浏览器在局域网内访问该服务器,获取Arduino端的温湿度数据,显示到浏览器上。

首先,我们需要获取本地网络的设置信息(网线):

这里我们取IP和MAC地址,代码如下:

byte mac[] = {
   0xEC, 0xA8, 0x6B, 0x60, 0x15, 0x79 };         // 设定MAC地址、IP地址
IPAddress ip(10, 21, 30, 15);
EthernetServer server(80);                       // 初始化Ethernet库   HTTP默认端口为80

接下来便可以开始连接Ethernet,构建服务器:

void  setup() {
// 初始化串口通信
   Serial.begin(9600);
   Ethernet.begin(mac, ip);                        // 开始ethernet连接,并作为服务器初始化
   server.begin();
   Serial.print( "server is at " );
   Serial.println(Ethernet.localIP());             //监视器打印当前IP地址
}

此时,在串口监视器中可以看到IP地址被打印,此时的服务员已经开启。

想要了解更多的Arduino Ethernet的内容,可以参考这篇文章:

https://blog.csdn.net/WIZnet2012/article/details/42777167


接下来,我们将实现获取Arduino端的温湿度数据,显示到浏览器上。

这里不再讲DHT11相关的内容了,直接上代码:

void  loop() {
    float h = dht.readHumidity();          //取湿度
    float t = dht.readTemperature();       //取温度
   // 监听客户端传来的数据
   EthernetClient client = server.available();
   Ethernet.maintain();
  client.println( "HTTP/1.1 200 OK" );
  client.println( "Content-Type: text/html" );
  client.println( "Connection: close" );
  client.println();
  client.println( "<!DOCTYPE HTML>" );
  client.println( "<html>" ); 
  client.println( "<meta http-equiv=\"refresh\" content=\"10\">" );   // 添加一个meta刷新标签, 浏览器会每10秒刷新一次
  client.print( "Temperture:");
  client.print( t );
  client.println( "C" );
  client.println( "<br></br>" );
  client.print( "Humidity:");
  client.print( h );
  client.println( "%" );
  client.println( "<br></br>" );
  client.println( "<button onclick='refresh()'>Refresh</button>" );      //实现点击刷新
  client.println( "</html>" );
  client.println( " <script type = 'text/javascript'> " );
  client.println( " function refresh(){ location.reload(); } " );
  client.println( " </script> " );
  // 等待浏览器接收数据
  delay(1000);
     // 断开连接
  client.stop();
}

结果如下:

对js不了解的同学可以去简单了解一下

相关文章
|
2月前
|
Java 关系型数据库 API
探索后端技术:构建高效、可靠的服务器端应用
在当今数字化时代,后端技术是任何成功应用程序的基石。它涉及服务器、数据库和应用程序之间的交互,处理数据存储、业务逻辑和系统性能等关键任务。本文将深入探讨后端开发的核心概念、常见技术栈及其实际应用,帮助读者更好地理解和掌握构建高效、可靠后端系统的技巧与策略。
|
2月前
|
监控 中间件 Java
后端技术:构建高效、稳定的服务器端应用
【10月更文挑战第5天】后端技术:构建高效、稳定的服务器端应用
105 0
|
2月前
|
监控 关系型数据库 Serverless
探索后端技术:构建高效、可靠的服务器端应用
本文将深入探讨后端开发的核心概念和关键技术,从服务器架构到数据库管理,再到安全防护,为读者提供全面的后端技术指南。无论是初学者还是经验丰富的开发者,都能从中汲取灵感,提升自己的技术水平。
|
1月前
|
关系型数据库 API 数据库
后端开发的艺术:从零到一构建高效服务器
在数字化时代,后端开发是支撑现代互联网应用的基石。本文旨在探讨后端开发的核心概念、关键技术以及如何构建一个高效的服务器。我们将从基础的编程语言选择开始,逐步深入到数据库设计、API开发和性能优化等关键领域。通过实际案例分析,我们将揭示后端开发的复杂性和挑战性,同时提供实用的解决方案和最佳实践。无论你是初学者还是有经验的开发者,这篇文章都将为你提供宝贵的见解和启发。
|
2月前
|
JSON JavaScript 前端开发
使用 Node.js 和 Express 构建 RESTful API 服务器
【10月更文挑战第3天】使用 Node.js 和 Express 构建 RESTful API 服务器
|
2月前
|
Web App开发 JavaScript 前端开发
使用Node.js和Express框架构建Web服务器
使用Node.js和Express框架构建Web服务器
|
3月前
|
存储 关系型数据库 API
深入理解后端技术:构建高效、可扩展的服务器端应用
本文将探讨后端开发的核心概念和技术,包括服务器端编程、数据库管理、API设计和安全性等方面。通过深入浅出的方式,让读者了解如何构建高效、可扩展的后端系统。我们将从基本的后端框架开始,逐步深入到高级主题,如微服务架构和容器化部署。无论您是初学者还是有经验的开发人员,都能在本文中找到有价值的信息和实用的建议。
|
2月前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API服务器
【10月更文挑战第12天】使用JavaScript和Node.js构建简单的RESTful API服务器
26 0
|
2月前
|
监控 Java 关系型数据库
构建高效可靠的服务器端应用
【10月更文挑战第6天】构建高效可靠的服务器端应用
|
3月前
|
安全 关系型数据库 API
深入理解后端技术:构建高效、可靠的服务器端应用
本文将深入探讨后端技术的核心概念和最佳实践,包括服务器端编程、数据库管理、API设计与开发等方面。我们将从基础开始,逐步深入,帮助读者建立起对后端开发的全面理解,从而能够独立构建高效、可靠的服务器端应用。
110 0