步骤1：关于这个项目
这是一个使用ESP8266(NodeMCU)wifi模块开发的物联 项目。该项目的动机是在模块上创建一个可以通过 络托管多个客户端的Web服务器。在这里，需要了解html和javaScript的基本知识才能理解我的项目。我将在这里讨论关于ESP8266和javaScript的一些高级主题是：
1。上传ESP8266的SPIFFS上的文件，以便在我们的arduino代码中更有效地使用这些文件。
2。使用javaScript进行Web存储
SPIFFS
到目前为止，我们始终将 页的HTML包含为字符串我们的草图中的文字。这使得我们的代码非常难以阅读，并且您将很快耗尽内存。
SPIFFS是一款轻量级文件系统，适用于带有闪存芯片的微控制器。 ESP8266的板载闪存芯片为您的 页提供了充足的空间，特别是如果您拥有1MB，2MB或4MB版本。您可以通过以下链接了解如何在arduino软件中添加用于将文件上载到SPIFFS的工具：http：//esp8266.github.io/Arduino/versions/2.0.0/d 。..。
In这个项目，我有2个html文件和一个javascript文件。所有这些文件都上传到与草图分离的SPIFFS，以便这些文件中的更改独立于主草图。
这两个html文件都是由prepareFile()检索的，如下所示：
void prepareFile(){
bool ok = SPIFFS.begin();
if (ok) { File f = SPIFFS.open(“/index.html”， “r”);
File f1=SPIFFS.open(“/index1.html”，“r”);
data = f.readString(); data1=f1.readString();
f.close(); f1.close();
} else
Serial.println(“No such file found.”);
}
当使用loadScript()读取javascript文件时，如下所示：
void loadScript(String path，String type){
if(SPIFFS.exists(path)){
File file=SPIFFS.open(path，“r”);
server.streamFile(file，type);
}
}
Web应用程序的本地存储
您可以了解如何使用不同的本地存储对象和方法HTML5使用以下文章中的javascript：http：//diveintohtml5.info/storage.html。我将在工作部分的项目中讨论本地存储的使用。
步骤2：需要硬件
NodeMCU ESP8266 12E Wifi模块
无焊面包板
7 Segent Display(共阴极)
1K欧姆电阻器
微型USB电缆(用于将NodeMCU与计算机连接)
第3步：电路和连接
如前所述，我们有两个html文件。其中一个是当ESP8266服务器收到“/”时调用的根html页面，即如果请求URI‘/’，服务器应该回复HTTP状态代码200(确定)，然后发送带有“索引”的响应。 html“file。
当客户端通过在表单上提交输入请求来自根页面时，将发送第二个html文件。一旦服务器从表单获取输入POSTED，它将它与固定字符串值进行比较并发送第二个html页面作为响应。
if(server.arg(“nam”) == “0”) {
server.send(200， “text/html”， data1);
sevenSeg(0); }
由于第二页的html不是在草图中定义，所以这里我们引用已经使用SPIFFS读取html代码的“data1”。读取
File f1=SPIFFS.open(“/index1.html”，“r”);
data1=f1.readString();
这里也调用参数为“0”的sevenSeg() “通过打开和关闭不同的段，可以用它来显示”0“。在这里，我做了自我解释的功能，即onA()将打开面包板上7段显示的A段，同样offA将关闭它。
因此，在这种情况下显示“0 “，我们必须切换除G以外的所有段(DP被忽略，因为它没有连接到ESP8266的任何引脚)。所以我的函数看起来像：
if(num==0){
onA(); onB(); onC(); onD(); onE(); onF();
offG();
}
第5步：HTML和JAVASCRIPT代码
这是该库的存储库链接我的项目代码。如果您正在使用ESP8266中的SPIFFS，您可以理解为什么我将html和javascript文件放在数据文件夹中。请使用它。
GitHub存储库链接
文章知识点与官方知识档案匹配，可进一步学习相关知识 络技能树首页概览22554 人正在系统学习中 相关资源：凯利公司 KDZ 系列有刷串励、永磁、他励电机控制器设置软件.rar
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！