01
2012
09

Wifi小车之 - 再探网页控制篇(lancerz001原创)

http://hi.baidu.com/lancerz001/item/644af44ccf842cf71f19bc63

Wifi小车之 - 再探网页控制篇

 

之前研究了乔帮主的网页控制程序,其版面布局功能非常强大,不过也因此需要安装lighttpd,lighttpd-mod-cgi,lighttpd-mod-fastcgi,php5-cgi,php5-fastcgi,libsqlite3等很多程序,造成自行安装比较复杂,一旦出现问题也较难排查,而且需要占比较多的rom,理论上会消耗更多的CPU资源,而且diy玩家也比较难对其进行修改。

能不能有一种更简单的网页控制程序呢?Liuviking的ser2net组件虽好,可不能用在web服务器上。我目光转向了luci,openWRT的标准网页管理程序是luci,它是一个web application,既然是web app,那自然本来就有http server和application server了,能不能利用它呢?经过一番研究,发现luci的http server是uhttpd,application是一个比较精简的语言Lua写的,传说中这个Lua语言还比较强大,那应该是没有问题了。

不过这个Lua在中国知名度还是比较小,国内的参考资料还是比较少,幸好它是几乎所有东西开源的,Lua, Luci, CGILua等待,很多时候可以上去官网看源代码。

 

下面我们来研究怎么实现我们的要求。

首先是Lua的入门,用记事本新建一个test.lua的文件,里面的内容是:

print("hello,lua")

用winSCP上传到路由,上传后修改其属性为"0777",令其可以被执行,然后我们用putty登录,执行命令:

lua test.lua

我们应该可以在屏幕上看到hello,lua这几个字。

 

然后是测试串口,这个其实非常简单,新建2ser.lua,里面的内容是:

io.output("/dev/ttyS0")

io.write(" test1 ")

上传,改属性,TTL线连接电脑,打开超级终端,putty执行:

lua2ser.lua

就可以在超级终端看到test1这几个字了。

 

再来就是看看web和Lua是怎么连接的,新建test文件(没有后缀名),内容如下:

#!/usr/bin/lua

print("hello,lua")

保存为UNIX格式(这个可能要UltraEdit或Notepad++等强力编辑工具)

上传到/www/cgi-bin/目录下,改属性,在浏览器查看

http://192.168.1.1/cgi-bin/test

浏览器里应该就可以看到hello,lua这几个字。

 

web怎么向串口发送数据呢?新2ser文件,内容如下:

#!/usr/bin/lua

io.output("/dev/ttyS0")

io.write(" test1 ")

保存为UNIX格式,上传到/www/cgi-bin/目录下,改属性,TTL线连接电脑,打开超级终端,在浏览器查看

http://192.168.1.1/cgi-bin/2ser

就可以在超级终端看到test1这几个字了。

 

web怎么接收传递过来的参数呢?

新建webtest文件(没有后缀名),内容如下:

#!/usr/bin/lua

print(os.getenv("QUERY_STRING"))

保存为UNIX格式(这个可能要UltraEdit或Notepad++等强力编辑工具)

上传到/www/cgi-bin/目录下,改属性,在浏览器查看

http://192.168.1.1/cgi-bin/webtest?abc

浏览器里应该就可以看到abc这几个字。

 

最后就把这些命令组合起来,新web2ser文件,内容如下:

#!/usr/bin/lua

io.output("/dev/ttyS0")

io.write(os.getenv("QUERY_STRING"))

保存为UNIX格式,上传到/www/cgi-bin/目录下,改属性,TTL线连接电脑,打开超级终端,在浏览器查看

http://192.168.1.1/cgi-bin/web2ser?abc

就可以在超级终端看到abc这几个字

 

我们还需要设置串口的速度为9600,stty是Linux的一个核心工具,但openWRT为了精简而默认没有安装,我们需要安装它。

opkg update

opkg install coreutils-stty

然后加到启动项/etc/init.d/wificar里

/usr/bin/stty -F /dev/ttyS0 raw speed 9600

这是我的wificar文件,如果你没有这个文件,可以新建一个,内容如下

#!/bin/sh /etc/rc.common

START=80

start() {

/usr/bin/stty -F /dev/ttyS0 raw speed 9600

ser2net -c /etc/ser2net.conf

}

stop(){

 

killall mjpg_streamer

}

注意保存为UNIX格式,用winSCP上传到路由并设权限“0777”令其可被执行,然后还要执行命令/etc/init.d/wificar enable去启用它。

 

我们还要写一个网页去整合视频和控制按键。新建一个car.htm文件,内容如下:

 

<div style="float:left">

<script>

function sendSer(value){

document.getElementById("ser").src="http://192.168.1.1/cgi-bin/web2ser?"+value;

}

</script>

<table>

<tr><td/><img id="ser" width="1" height="1">

<td><input type="button" onmousedown="sendSer('1')" onmouseup="sendSer('0')" value="前进" /></td><td/></tr>

<tr><td><input type="button" onmousedown="sendSer('2')" onmouseup="sendSer('0')" value="左转" /></td><td/>

<td><input type="button" onmousedown="sendSer('4')" onmouseup="sendSer('0')" value="右转" /></td></tr>

<tr><td/><td><input type="button" onmousedown="sendSer('3')" onmouseup="sendSer('0')" value="后退" /></td><td/></tr>

<tr><td colspan="3" align="middle"> <input type="button" onclick="sendSer('5')" value="舵机向上" /></td></tr>

<tr><td colspan="3" align="middle"> <input type="button" onclick="sendSer('6')" value="舵机向下" /></td></tr>

</table>

</div>

<div style="float:left">

<iframe width="640" height="480" src="http://192.168.1.1:8080/?action=stream"/>

</div>

 

这个文件可以直接本地运行,也可以放到服务器/www下面,那样就可以通过下面的网址来访问:

http://192.168.1.1/car.htm

直接下载:http://bbs.igee.cn/read.php?tid=5226

http://download.csdn.net/detail/channel_z/4074621

 

###2012-3-17更新###

 

 

由于我的上位机改了,发送的不再限于可见字符,ser2net就没问题,但这个网页版控制程序也需要修改了。

lua真的很强大,只需要几行就搞定了。

在web2ser同一个文件夹下面,新建一个byte2ser文件,设置一样的权限,内容如下:

#!/usr/bin/lua

a=os.getenv("QUERY_STRING")

io.output("/dev/ttyATH0")

for w in string.gmatch(a,"%d+") do

io.write(string.char(tonumber(w)))

end

 

a是url的参数,用gmatch提取所有的数字,分别将数字转换为char,发送到ttyATH0,就可以了。

网页控制例子:http://192.168.1.1/cgi-bin/byte2ser?65,66,67

byte2ser接收到参数“65,66,67”,提取出数字65,66,67,并转换为char,"A", "B" 和 “C”,发送到串口。

其实参数里面,所有非数字的字符都可以用来做分隔符,例子用的是逗号“,”,你可以用加号“+”,空格“ ”,或者英文字符都可以,比如下面的参数都可以被识别:

65+66+67

65 66 67

65a66b67

« 上一篇 下一篇 »

评论列表:

1.tang  2013-04-17 19:44:46 回复该评论
问一下,用lua语言,能不能实现从下位机到上位机web通讯?比如我想“实时”把下位机温度传给网页端,这个应该怎么做?
2.297005879  2013-04-17 19:48:03 回复该评论
如何做到下位机往上位机web传信息?比如单片机实时温度传给web端
2.jinesc  2013-04-20 22:40:23 回复该评论
这个 目前还真不清楚
3.jinesc  2013-04-20 22:40:23 回复该评论
这个 目前还真不清楚

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。