完善资料让更多小伙伴认识你，还能领取20积分哦， 立即完善>
3天内不再提示
电子发烧友论坛
|
本帖最后由 断水流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
)
0
|
|
|
相关推荐
|
|
|
|
|
|
|
|
|
|
|
只有小组成员才能发言，加入小组>>
「含关键代码」基于AM3352/AM3354/AM3359的Linux开发案例分享
4880 浏览 0 评论
87375 浏览 0 评论
【高手问答】如何做到精通linux技术？资深工程师带你突破难点
4700 浏览 2 评论
3590 浏览 2 评论
解读Linux ：先从创建一个文件夹用来存放jdk压缩文件开始
2465 浏览 0 评论
1976浏览 3评论
这是i.mx6ull的关于usb的宏定义，能解释下这些宏定义的意思
1339浏览 1评论
1246浏览 1评论
求解：aarch64交叉编译工具已经安装成功，环境变量已经配置，怎么将系统架构切换为ARM的架构
1315浏览 0评论
电脑和虚拟机可以互ping，电脑和开发板也可以互ping，但是虚拟机和开发板ping不通是什么原因
1221浏览 0评论
/6 
关注我们的微信
下载发烧友APP
电子发烧友观察
版权所有 © 湖南华秋数字科技有限公司
电子发烧友 （电路图） 湘公网安备 43011202000918 号 电信与信息服务业务经营许可证：合字B2-20210191
工商网监
湘ICP备2023018690号
4890
淘帖
6554
发表评论
赞
回复
