http://bbs.mydigit.cn/simple/?t2649513.html

这个想法不错

原来只是想用esp8266搞一个百度的多国语言翻译系统出来的，只是为了尝试如何调用各种web api。
Web Api很容易实现，所以先用串口做了一个翻译工具。
[attachment=17244284]

输入各种不同的语言，系统自动会输出翻译好的目标语言的译文。
也可以通过修改目标语言的类型，翻译成中文之外的其他语言，比如日文，韩文，泰文，阿拉伯文，甚至是文言文。

不过尽管必须使用支持utf-8的串口工具来和esp8266通讯，但是除了中日英繁，以及法意等较为常见的欧洲语系之外，韩文，泰文，阿拉伯文等就无能为力了，尽管翻译成功了，但是输出到终端上就都是问号了。

那么既然8266能发起http client连接，当然作为http server也是可以的。
于是按照arduino提供的例程，在8266上建立了一个httpserver，这样就可以使用手机，电脑的浏览器直接打开8266的主页，实现类似百度翻译的功能。各种问号的问题也就迎刃而解了。
所以它就变成了下面这个样子。（硬件除了一片NodeMCU插上电以外其他是什么都不需要的）
[attachment=17244330] 
[attachment=17244294]
[attachment=17244296]

输入需要翻译的文本后，焦点离开输入框就会自动将原文翻译成目标语言显示在译文处。
更换目标语言同样会触发翻译动作。
因为使用了ajax技术，所有画面操作都不会引起画面的整体刷新，看上去就像一个桌面应用一样。
还有一个按钮可以控制8266的板载LED点亮或者关闭。同样按钮的状态也是使用ajax从后台取得，所以和板载LED的状态是能够保持一致的。

最开始和普通例程一样使用拼接字符串的方式来显示页面的，用掉很多内存空间不说，每一行还要加双引号，中间的引号还要用转义符，写对写错也无法判断。
为了解决这个问题，就引入了SPIFFS技术。翻成中文应该是SPI接口的Flash文件系统。这样就可以在这个文件系统中建立基于文件的Web服务了。
具体这个SPIFFS是什么，怎么用，大家可以自己去百度一下。在没有挂载SD卡的8266上简直就是天赐的好东西，好用又不要钱。
所以你们现在看到的页面上的图标（我的头像），页面底部的图片，还有页面套用的样式单等相关的网页文件都是存放在这个文件系统中的独立文件。
最多可以有4M的文件系统的容量，唯一的限制就是每个文件的全路径文件名不能超过32个字符。但这个对于如此轻量级的Web服务器绝对是够用了。
Arduino上可以找到专用用来烧写SPIFFS的工具，可以将工程文件夹下的data目录直接烧写到8266中。

有了文件系统，很随意的就把以前从别处抄来的js版的贪吃蛇和鼠标动态效果两个html直接挂载上去了。
无需编译代码，只要在index.html中添加两个链接，再把2个文件放到SPIFFS的根目录中，然后把SPIFFS重新写入esp8266，就大功告成了。

总结一下用到的一些很好的库

1.WiFiManger：一个可以帮助8266连接到网络的库，如果周围没有可以连接WiFi热点，他就会自动建立一个热点，这个时候可以方便的使用手机或电脑连接到该热点，通过浏览器设置8266的SSID和密码。再也不用把ssid和密码写死在程序中了。（推荐使用）

2.ArduinoJson：一个可以解析json字符串的东西，很多API返回的都是Json结构的数据，没有这个库肯定事倍功半。

3.SPIFFS：这个是8266自带的，#include <FS.h>就可以了。不用做任何事，直接就有了一张SD卡的感觉。（强烈推荐）

Arduino是一个开放的平台，这些库都可以通过Arduino的库管理直接下载使用，非常方便。

如果嫌弃Arduino简陋的IDE界面和功能，我向大家推荐使用微软的VS Code，注意不是visual stdio，vs code是微软提供的一套免费的开发环境，几乎所有种类的代码都可以在这个IDE中开发。还有无数非常好用的插件可以免费使用。
我已经就彻底抛弃了arduino IDE，换成了vs code + platformIO插件了。
所有arduino ide的槽点全部彻底解决。让你兴奋到发抖，用过了就再也回不去了。

另外分享一个经验：
还在用115200的串口速率往8266中烧写代码吗？
换成921600吧，体验一下快8倍是什么感觉。