OpenEdv-开源电子网

 找回密码
 立即注册
正点原子全套STM32/Linux/FPGA开发资料,上千讲STM32视频教程免费下载...
查看: 4101|回复: 5

8266通过网页访问,来看看吧

[复制链接]

1

主题

4

帖子

0

精华

新手上路

积分
24
金钱
24
注册时间
2016-6-21
在线时间
3 小时
发表于 2019-8-27 14:53:33 | 显示全部楼层 |阅读模式
纪念一下自己的成果,在8266设备内部集成WEB管理功能,类似于家用路由器,通过网页浏览器登陆设备,实现对设备进行状态监视、参数设置、固件升级等功能。在这过程中,让我深入的了解到web服务器的前端和后端开发,我采用的是HTML+CSS+JavaScript开发前端,用AJax与服务器交互,不用整体刷新页面,而后端处理,采用的是CGI;先WEB服务器已实现了模块得各种状态显示,自动扫描周围WIFI并连接,MQTT,MDNS,网页升级固件等功能,不说那么多,上图片让大家欣赏欣赏!
firmwre.png
WIFIAP.png
WIFIsta.png
home_html.png
正点原子逻辑分析仪DL16劲爆上市
回复

使用道具 举报

1

主题

4

帖子

0

精华

新手上路

积分
24
金钱
24
注册时间
2016-6-21
在线时间
3 小时
 楼主| 发表于 2019-8-27 14:55:25 | 显示全部楼层
加QQ群(566325550)免费送源代码了
回复 支持 反对

使用道具 举报

18

主题

453

帖子

0

精华

金牌会员

Rank: 6Rank: 6

积分
2014
金钱
2014
注册时间
2016-12-27
在线时间
136 小时
发表于 2019-9-5 23:28:53 | 显示全部楼层
本帖最后由 anylinkin 于 2019-10-6 09:54 编辑

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

使用道具 举报

0

主题

5

帖子

0

精华

新手上路

积分
23
金钱
23
注册时间
2018-8-15
在线时间
5 小时
发表于 2019-9-13 10:17:05 | 显示全部楼层
anylinkin 发表于 2019-9-5 23:28
这个web网页,和一个鬼佬3年前放在 github 上的 一模一样了。

能不能把链接告诉我?
回复 支持 反对

使用道具 举报

18

主题

453

帖子

0

精华

金牌会员

Rank: 6Rank: 6

积分
2014
金钱
2014
注册时间
2016-12-27
在线时间
136 小时
发表于 2019-10-6 09:53:21 | 显示全部楼层
本帖最后由 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



回复 支持 反对

使用道具 举报

0

主题

5

帖子

0

精华

新手上路

积分
23
金钱
23
注册时间
2018-8-15
在线时间
5 小时
发表于 2020-5-22 15:47:18 | 显示全部楼层
anylinkin 发表于 2019-10-6 09:53
这是链接 https://github.com/jeelabs/esp-link 可以直接下载直接烧录的。

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

好长时间没上来了. 谢了!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



关闭

原子哥极力推荐上一条 /2 下一条

正点原子公众号

QQ|手机版|OpenEdv-开源电子网 ( 粤ICP备12000418号-1 )

GMT+8, 2024-11-22 17:03

Powered by OpenEdv-开源电子网

© 2001-2030 OpenEdv-开源电子网

快速回复 返回顶部 返回列表