手机APP无线控制Arduino LED：WiFi/Ethernet + Evothings Studio跨平台开发

项目简介

利用Evothings Studio快速开发跨平台移动应用（iOS/Android），通过TCP协议经WiFi Shield或Ethernet Shield控制Arduino板载LED。无需原生App开发经验，HTML5+JavaScript单代码库多端运行，适合物联网原型快速验证、教学演示、智能家居DIY。

硬件准备

软件工具链

• Arduino IDE：arduino.cc/download - 烧录固件
• Evothings Studio：evothings.com/download - 可视化移动App开发IDE
• Evothings Viewer App：iOS App Store / Google Play 搜索"Evothings Viewer" - 手机端实时预览运行

Arduino固件开发

WiFi Shield版本关键配置

#include 
#include 

char ssid[] = "YOUR_WIFI_SSID";     // 修改为你的WiFi名称
char pass[] = "YOUR_WIFI_PASSWORD"; // 修改为你的WiFi密码，不加密留空""
int status = WL_IDLE_STATUS;
WiFiServer server(80);  // TCP服务器端口80

void setup() {
  Serial.begin(9600);
  pinMode(2, OUTPUT);  // LED引脚
  
  // 连接WiFi
  while (status != WL_CONNECTED) {
    status = WiFi.begin(ssid, pass);
    delay(5000);
  }
  server.begin();
  printWifiStatus();  // 串口输出IP地址
}

void loop() {
  WiFiClient client = server.available();
  if (client) {
    String request = client.readStringUntil('\r');
    client.flush();
    
    if (request.indexOf("LED=ON") != -1) digitalWrite(2, HIGH);
    else if (request.indexOf("LED=OFF") != -1) digitalWrite(2, LOW);
    
    // 简单HTTP响应
    client.println("HTTP/1.1 200 OK");
    client.println("Content-Type: text/html");
    client.println("Connection: close");
    client.println();
    client.println("LED controlled");
    client.stop();
  }
}

Ethernet Shield版本差异

• 包含 Ethernet.h 替代 WiFi.h
• 通过 Ethernet.begin(mac) 获取DHCP IP
• 手机需连同一路由器WiFi，通过路由器转发访问Arduino有线IP

Evothings Studio移动App开发

快速开始步骤

1. 安装并打开Evothings Studio
2. Examples标签 → 搜索"Arduino TCP Blink" → Copy到My Apps
3. Code按钮查看项目文件：index.html (UI) + arduinotcp.js (逻辑)
4. 修改 index.html 第52行默认IP地址为Arduino实际IP
5. 手机安装Evothings Viewer，同一WiFi下扫码/输入连接码连接Workbench
6. Run按钮推送App到手机，点击"Connect"即可控制LED

核心JavaScript逻辑 (arduinotcp.js)

// TCP连接管理
var tcp = new TCPClient();
tcp.connect(ipAddress, 80, onConnect, onError);

function onConnect() {
  // 发送HTTP GET请求控制LED
  tcp.send("GET /?LED=ON HTTP/1.1\r\nHost: " + ipAddress + "\r\n\r\n");
}

function onError(err) {
  console.log("Connection failed: " + err);
}

// 封装的底层操作（可复用）
function analogRead(pin, callback) { ... }
function digitalWrite(pin, value, callback) { ... }
function pinMode(pin, mode, callback) { ... }

网络拓扑与连接模式

模式A：WiFi Shield - 直连模式

[手机 WiFi] ←→ [路由器 AP] ←→ [Arduino WiFi Shield]
     │                                    │
  同一局域网                        同一局域网

手机和Arduino连同一WiFi热点，直接TCP通信，延迟最低。

模式B：Ethernet Shield - 网关模式

[手机 WiFi] ←→ [路由器 AP] ←→ [路由器 LAN口] ←→ [Arduino Ethernet Shield]

Arduino有线接入路由器，手机无线连路由器，通过路由器转发。适合有线网络环境更稳定的场景。

Evothings Studio核心优势

• 热重载：保存代码瞬间推送到手机，无需编译/签名/安装
• 跨平台：iOS/Android/Windows Phone同一代码库
• 插件生态：Bluetooth LE、WebRTC、Chart.js、三维可视化等
• 调试友好：Chrome DevTools远程调试移动端JS
• 开源免费：Apache 2.0协议，可商用

进阶拓展方向

常见连接问题排查

• 手机连不上Workbench：确认同一WiFi、关闭AP隔离/客户端隔离、防火墙放行Evothings端口
• App连不上Arduino：检查IP地址、端口80、Arduino串口监视器是否显示"Client connected"
• LED无反应：确认请求路径/?LED=ON与Arduino解析逻辑一致、LED极性正确
• 频繁断线：WiFi信号弱、TCP保活心跳、电源供电不足

资源链接

• Evothings官网：evothings.com
• GitHub示例库：evothings-examples
• API文档：evothings.com/doc

• Arduino SD 卡数据记录：结合 DS3231 RTC 实现温度日志

  SD 卡模块接线 模块自带 3.3V 稳压与电平转换，直连 5V Arduino。SPI 引脚对应： 模块引脚UnoMega CS1053 MOSI1151 MISO1250 SCK1352 基础读写示例 使用官方 SD.h 库。初始化 SD.begin(csPin)，以 FILE_WRITE 模式打开文件即可读写。写入后必须 close() 落盘。读取用 myFile.read() 逐字节配合 available() 循环。 数据记录实战：温度 + 时间戳 引入 DS3231 RTC 模块（自带温度传感器，I2C 接口）。循环中每 3 秒记录一次： void loop() { S

• 使用MATLAB GUI控制Arduino：分步教程

  本Arduino与MATLAB教程将讲解如何使用MATLAB GUI（图形用户界面）控制Arduino开发板。我们将制作一个带有两个按钮控制LED开关、一个坐标轴绘制光敏电阻模拟输入曲线的GUI。 这是一个分步视频教程，易于跟随。视频下方提供所需组件清单和示例源代码。 本教程所需组件 Arduino开发板…………………………… 面包板和杜邦线…………… LED……………………………………… 220欧姆电阻…………………….. 光敏电阻……………………………… 电路原理图 在此下载MATLAB文件： Example1.fig 1 file(s) 4.90 KB

• Arduino教程02：按钮与PWM - 掌握数字I/O与LED控制

  欢迎来到我们Arduino教程系列的第二课。本教程将讲解数字输入输出引脚如何工作，并通过按钮和LED制作几个示例。同时学习什么是PWM（脉宽调制）并制作控制LED亮度的PWM示例。 这是一个分步视频教程，易于跟随。视频下方提供所需组件和示例源代码。 本教程所需组件 Arduino开发板…………………………… / AliExpress 面包板和杜邦线 …………… / AliExpress LED……………………………………… 220欧姆电阻…………………….. 示例电路原理图 示例1源代码 int button = 12; int led = 13; int butto

• DIY Arduino 安防报警系统：分步教程

  本项目制作一款 Arduino 安防报警系统。可观看视频或阅读下方图文教程。 功能概述 10cm）触发蜂鸣器报警。需输入 4 位密码解除（默认 1234，支持修改）。按 B 键进入修改密码菜单：先验证原密码，再录入新密码。密码错误提示重试。 所需元件 Arduino 开发板、HC-SR04 超声波模块、LCD1602、蜂鸣器、4×4 矩阵键盘、面包板、杜邦线。 购买链接： 矩阵键盘………………… LCD 16×2………………… 超声波传感器…………… 蜂鸣器……………………… Arduino 开发板…………… 面包板与杜邦线………… 电路原理图 蜂鸣器接 PWM 引脚。4×4