完善资料让更多小伙伴认识你,还能领取20积分哦, 立即完善>
本帖最后由 断水流93 于 2016-3-7 19:33 编辑 本章讲的是通过网页进行GPIO控制。之前做过一些物联网相关的小玩意儿,激发了对网页设计和服务器端程序开发的设计。于是半路出家,自学了一下,目前算是刚刚入门吧。感兴趣的朋友可以看www.w3school.com.cn]www.runoob.com和www.w3school.com.cn[/url]的教程。 进入正题,NetRouter搭载了轻量级的开源服务器lighthttp以及php,因此能满足小规模的http服务。网页目录在/tmp/www文件夹下,先依照官方提供的教程,进行了网页和php脚本的编写。在www目录下通过vi指令(vi指令使用方法自行百度)分别建立网页文件webcontrol.html以及服务器脚本test.php。思路是通过http的GET方法将表单数据提交到服务器,服务器脚本收到数据后进行判断,根据结果执行脚本控制GPIO。 保存后再浏览器中输入10.10.11.1/webcontrol.html,看到以下网页。根据我的代码,输入0点击按钮后可以看到SYS小灯亮起,输入其他字符小灯熄灭。 下面我们看看这个动作发生了些什么。打开wireshark抓包工具选择无线网卡,将过滤其中输入ip.dst==10.10.11.1,表示只抓取与这个IP通信的数据。电极submit按钮。可以看到浏览器向NetRouter发出的请求,连接时的握手(说好的连接时3次握手呢~~~),中间的http请求,断开的握手。 可以看到GET请求中提交的数据:NetRouter=0 好吧,我任不足放上去了我学习html是的第一个网页,自己看吧。。。
感觉教程里的网页GPIO控制虽然简单,但是麻烦啊,不如写两个按钮,一个点亮一个熄灭吧。于是匆忙学习了一下jQuery,利用ajax将数据POST给服务器,实现了按钮的功能。思路和原来的程序差不多,也是通过提交数据给服务器然后检测。为了以后扩展方面,这里用了POST方法。 网页如下,可以点击按钮控制小灯,操作成功后会有返回信息。 可以看到wireshark抓的数据:cmd=on。 原来申请板子的时候写的项目方案就是用NetRouter这块板子作为服务器,在我目前所在的创客空间建立一个IoT体验馆,因此还需要好好学习一些网页设计和服务器脚本开发的内容,敬请期待。 附件
NetRouterwebcontrol.rar
(93.52 KB, 下载次数: 2
)
|
|
相关推荐
|
|
|
|
|
|
|
|
多谢版主支持,如果可以的话,我觉得可以把网络抓包这个和现在的教程结合(讲html和网页控制的),数据透明后学习的人能更清楚原理。 |
|
|
|
|
|
很好的是一个思路哦, 那楼主加油整出来,期待楼主后续的分享。 |
|
|
|
|
|
只有小组成员才能发言,加入小组>>
「含关键代码」基于AM3352/AM3354/AM3359的Linux开发案例分享
4902 浏览 0 评论
87423 浏览 0 评论
【高手问答】如何做到精通linux技术?资深工程师带你突破难点
4740 浏览 2 评论
3628 浏览 2 评论
解读Linux :先从创建一个文件夹用来存放jdk压缩文件开始
2489 浏览 0 评论
2014浏览 3评论
1299浏览 1评论
求解:aarch64交叉编译工具已经安装成功,环境变量已经配置,怎么将系统架构切换为ARM的架构
1356浏览 0评论
电脑和虚拟机可以互ping,电脑和开发板也可以互ping,但是虚拟机和开发板ping不通是什么原因
1243浏览 0评论
1181浏览 0评论
小黑屋| 手机版| Archiver| 电子发烧友 ( 湘ICP备2023018690号 )
GMT+8, 2024-12-27 18:52 , Processed in 1.288332 second(s), Total 86, Slave 68 queries .
Powered by 电子发烧友网
© 2015 bbs.elecfans.com
关注我们的微信
下载发烧友APP
电子发烧友观察
版权所有 © 湖南华秋数字科技有限公司
电子发烧友 (电路图) 湘公网安备 43011202000918 号 电信与信息服务业务经营许可证:合字B2-20210191 工商网监 湘ICP备2023018690号