OpenEdv-开源电子网

标题: 8266通过网页访问，来看看吧 [打印本页]

作者: schhqq 时间: 2019-8-27 14:53
标题: 8266通过网页访问，来看看吧
纪念一下自己的成果,在8266设备内部集成WEB管理功能，类似于家用路由器，通过网页浏览器登陆设备，实现对设备进行状态监视、参数设置、固件升级等功能。在这过程中，让我深入的了解到web服务器的前端和后端开发，我采用的是HTML+CSS+JavaScript开发前端，用AJax与服务器交互，不用整体刷新页面，而后端处理，采用的是CGI;先WEB服务器已实现了模块得各种状态显示,自动扫描周围WIFI并连接,MQTT，MDNS,网页升级固件等功能，不说那么多，上图片让大家欣赏欣赏！

作者: schhqq 时间: 2019-8-27 14:55
加QQ群(566325550)免费送源代码了

作者: anylinkin 时间: 2019-9-5 23:28
本帖最后由 anylinkin 于 2019-10-6 09:54 编辑

这个web网页，和一个鬼佬3年前放在 github 上的一模一样了。
这是链接 https://github.com/jeelabs/esp-link 可以直接下载直接烧录的。

作者: caijingliang 时间: 2019-9-13 10:17

anylinkin 发表于 2019-9-5 23:28
这个web网页，和一个鬼佬3年前放在 github 上的一模一样了。

能不能把链接告诉我？

作者: anylinkin 时间: 2019-10-6 09:53
本帖最后由 anylinkin 于 2019-10-6 10:01 编辑

caijingliang 发表于 2019-9-13 10:17
能不能把链接告诉我？

这是链接 https://github.com/jeelabs/esp-link 可以直接下载直接烧录的。

1、这个是github的ESP8266-WEB配置的开源（研究）项目，这个作者的目的好像是要在8266上做非常完整的WEB服务器功能。所以，略微有点点复杂好多功能并不实用或需要的，但是将整个WEB服务器的思路都给说清楚了。大家可以参考、摘抄其中的部分环节定制成自己的WEB服务器。

从楼主发出来的截图来看，楼主似乎只是对上述开源项目简单地复制替换了其中的几张LOGO图片（皮肤里最简单的），换成了自己的LOGO，其他都都几乎完全一样，然后就来当作自己的产品了。:-)
你可以下载上面的代码，直接自己编译，然后随便烧写到一个8266模块上，然后看看，是不是和楼主的截图几乎基本一样了？

github上这个网页开源项目比较复杂，里面有好多值得优化调整的地方，拿它做做深入的研究分析参考是可以的，但是做产品做成这样，就有点不太合适了
大家可以上淘宝看看，现在好多8266模块都带WEB网页配置了，都比这个简单和实用了。所以，你最好只是参考最后还是自己调整一下吧。

2、其实乐鑫的SDK里，就有现成的简化版的HTTP WEB的代码，很简短代码，只是网页没有很复杂，比较基本，但是其基本的思路都非常清晰。剩下就是你自己去依葫芦画瓢增加加上你所需要的一些HTTP的GET或POST和HTML文本项而已。

我个人建议你直接参照乐鑫的HTTP的实现代码吧，这个简单清晰，方便理解流程框架。在SDK里搜索 http。如果过去没有做过，看一下这里的代码，最多花1-2个小时就理解了是咋回事，然后可以复制到自己的代码工程里，估计几十分钟就可以整出一个建议网页框架来。然后可以根据自己对WEB服务器的理解，不断追加WEB元素，有一些花哨的网页元素，你可以参考上面那个github开源，复制一些什么WEB元素功能。

所以，ESP8266上的WEB网页的实现，其实本身是很简单的。大多说只做过嵌入式系统单片机开发的人员，只是不知道思路流程而已（其实思路流程也就是1-2句话，简单地说，就是客户端按照某个规则协议---对于HTTP WEB，这个规则协议就是 POST/GET之类的字符串，发给服务器，然后8266 tcp服务器解析字符串，然后按照GET/POST规则方式，返回一个字符串HTML，浏览器解析这个字符串而已。比如返回的这个字符串里有诸如 "<button>.....</button>"这样的东西，浏览器会自动将这个字符串在你的浏览器界面里给呈现为一个按钮）

下面这款模块，就带有一个WEB网页，简单、清晰、实用功能足够，还占用资源少，
仅供参考！

一款功能全面、实用适用性好、高速、高效、可靠、灵活特别适合单片机应用的“SPI接口高速WIFI模块" 解决方案：

http://item.taobao.com/item.htm?id=576141575067

1. 有效通信速度快，效率高，通信实时性好
1.1 “实测的”“有效”吞吐速度高，超过M字节每秒(MBytes/s)，所以可用来传输音视频或大量数据
1.2 准实时性收发，连续发包之间的间隔可在ms级或us级，可适应一些对传输性实时性有要求的场合。
2、稳定可靠不丢包（无论接收还是发送），长时间通信不掉线
3、功能全面，使用灵活，使用场合适应面广
4. 封装灵活、尺寸小巧
5、常见通用的SPI单片机主机接口，且模组上已封装TCPIP协议栈，不需在主机上再次集成，
所以集成简单，占用单片机资源少
6、提供单片机例程包、集成说明等资料文档，和技术支持

有关产品的更多介绍（实用功能和性能可靠性）详情，请点击

http://item.taobao.com/item.htm?id=576141575067

作者: caijingliang 时间: 2020-5-22 15:47

anylinkin 发表于 2019-10-6 09:53
这是链接 https://github.com/jeelabs/esp-link 可以直接下载直接烧录的。

1、这个是github的ESP8266- ...

好长时间没上来了. 谢了!

欢迎光临 OpenEdv-开源电子网 (http://47.111.11.73/)