使用ESP8266搭建一个从闪存中读取HTML文件的迷你WebServer

本次开发用到的库：FS.h（SPIFFS文件系统）、ESP8266WiFi.h（WIFI库）以及ESP8266WebServer.h（WebServer）

环境配置

配置Arduino IDE开发环境

按照以下文章配置好Arduino IDE的ESP8266开发环境，上述库（FS.h、ESP8266WiFi.h、ESP8266WebServer）基本上全部自带。如果编译的时候报错缺少库，请自行从项目–>加载库–>搜索中安装

安装ESP8266FS

从Github（镜像下载）中下载ESP8266FS，并将其解压到Arduino（你的Arduino安装目录）/tools文件夹中

并重启Arduino，你应该会在工具中，见到ESP8266 Sketch Data Upload

开始编写

在arduino中新建一个项目，并在里面写入

#include <ESP8266WiFi.h> // 使用WIFI库连接网络
#include <ESP8266WebServer.h> // ESP8266 Web服务器
#include <FS.h> // 闪存文件系统操作的工具函数

// 定义WIFI账号密码
#define wifiSSID “XXXXX”
#define wifiPassword “XXXXXXXXXX”

ESP8266WebServer server(80); // 建立新的ESP8266WebServer对象

void setup(void)
{
Serial.begin(9600); // 启动串口通讯

// 连接WIFI部分
Serial.println(“”);
Serial.println(“Connect to WiFi”);
WiFi.begin(wifiSSID, wifiPassword); //连接WIFI
int i = 0;
while (WiFi.status() != WL_CONNECTED) // 如果WIFI连接成功则跳出循环
{
delay(1000);
Serial.print(“Wait for WiFi [“);
Serial.print(i++);
Serial.println(“s]“);
}
Serial.println(“Connected to WiFi successfully”);
Serial.print(“IP Address: “);
Serial.println(WiFi.localIP()); // 显示当前设备被分配到的IP

// SPIFFS部分
if (SPIFFS.begin())
{
Serial.println(“Start SPIFFS successfully”);
}
else
{
Serial.println(“Start SPIFFS Failed”);
}

// Web服务器部分
server.on(“/“, homePage); // 设置请求根目录时候的回调函数
server.begin(); // 启动Web服务器
Serial.println(“HTTP server started”);
}

// 本函数千万不要读取大文件，不然会内存溢出的，大文件要用文件流的形式！
String readFile(String filename)
{
File myFile; // 定义变量
String content = “”;
myFile = SPIFFS.open(filename, “r”); // 以只读方式打开文件
if (myFile) //判断文件是否打开成功
{
Serial.println(“Reading File [“ + filename + “]“);
content = myFile.readString(); // 读取文件中的所有内容
myFile.close(); //关闭文件
}
else
{
Serial.println(“Open File Failed.”);
}
return content; //返回文件内容
}