背景

没什么背景，纯粹想玩。

需求分析

能够在指定web页面上查看我实验室的温湿度。

软硬件资源准备

  • Arduino Uno （用于处理传感器数据并控制网络扩展板）

    img

  • W5100网络扩展板（实际上任何兼容Arduino的网络模块均可）

    img

  • 同一局域网的frp client主机一台（用于内网穿透）

  • DHT11温湿度模块（或者其他传感器）

    img

  • 公网frp主机（用于搭建物联云及内网穿透）

  • 公网Nginx主机（可与frp共用）

  • 路由器（网关）

具体操作

传感器端搭建

将W5100网络扩展板插在Arduino Uno上，然后将DHT11模块连接至Arduino，信号线接至数字2号口。

以下是本人的成品图。

img

将网络模块连接至路由器。

刷入以下代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
#include <SPI.h>
#include <Ethernet.h> //网络模块头文件
#include <dht11.h> //温湿度模块库文件

#define SENSORPIN 2 //定义传感器引脚

//定义本机MAC地址和IP，IP子网必须与局域网一致
byte mac[] = { 0xDE, 0xAD, 0xBE, 0xE8, 0xFE, 0xED };
IPAddress ip(192, 168, 1, 30);

dht11 sensor;

EthernetServer server(80); //开启80端口

void setup() {
  Serial.begin(115200); //串口用于监控
  Ethernet.begin(mac, ip);
  server.begin();
}

void loop() {
  EthernetClient client = server.available();
  
  //当有连接传入，即开始传递数据
  if (client) {
    Serial.println("Incoming...\n");
    if (client.connected()) {

      //等待客户端请求结束
      while (client.available()) {
        char charget = client.read();
        Serial.write(charget);
      }
      
      sensor.read(SENSORPIN); //读取温湿度数据

      //返回html页面
      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("Here is Villivateur Von's laboratory!");
      client.println("<br />");
      client.println("<br />");
      client.println("<br />");
      client.println("Humidity (%): ");
      client.println("<br />");
      client.println((float)sensor.humidity, 2);
      client.println("<br />");
      client.println("<br />");
      client.println("Temperature (C): ");
      client.println("<br />");
      client.println((float)sensor.temperature, 2);
      client.println("<br />");
      client.println("</html>");
    }
    delay(1);
    client.stop();
    Serial.println("client disonnected");
  }
}

部分库文件可能不属于Arduino标准库，可能需要手动下载。（淘宝卖家会提供）

同一局域网访问http://192.168.1.30，即可看到如下页面：

img

frp客户端设置

在同一内网内启动一个frp客户端，连接至已有的frp服务器：

添加以下配置：

1
2
3
4
5
6
7
#frpc.ini

[ardu_uno]
type = tcp
local_port = 80
local_ip = 192.168.1.30
remote_port = 22222

$nohup ./frpc &

此时，已经可以通过<公网ip>:22222访问。

更多：配置专有域名（云平台）

在公网服务器Nginx中添加如下配置：

1
2
3
4
5
6
7
8
9
server {
       listen 80;

       server_name iot.vvzero.com;

       location / {
            proxy_pass http://frp.vvzero.com:22222;
       }
}

即可。