网页控制Openwrt串口

最最最简单的网页控制wifi程序[1]


受Liuviking启发,我也开始研究乔帮主的网页控制程序,其版面布局功能非常强大,不过也因此需要安装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等待,很多时候可以上去官网看源代码。

首先要正确安装和启动mjpg-streamer,这个就不多说了。 http://192.168.1.1:8080/?action=stream

压缩包里有3个文件: web2ser,用winSCP上传到路由/www/cgi-bin/目录,并设文件权限“0777”令其可被执行。 wificar,用winSCP上传到路由/etc/init.d/目录,并设权限“0777”令其可被执行,然后还要在putty执行命令/etc/init.d/wificar enable去启用它。 car.htm,这个可以在本地运行,也可以放到/www/目录,通过下面的网址来访问: http://192.168.1.1/car.htm

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


按键定义和Liuviking的一样,都是发送0-6的字符,应该可以通用。

网页控制篇[2]


由于苦寻乔帮主的wifirobot_car_for26.ipk未果,但是却找到一个wifirobot_1.0_brcm-2.4.ipk的文件,这个是不能在2.6的系统上安装的。虽然已经决定用Liuviking的ser2net方案,但始终还是觉得web版的控制程序有必要,ser2net必须用特定的应用程序来控制,web版只需要一个浏览器即可,还是挺方便的。于是我决定研究wifirobot_1.0_brcm-2.4.ipk这个文件,打算把它移植到2.6的系统。

通过分析,发现乔帮主的程序里安装了下面几个程序,我们首先安装它们。

opkg install lighttpd
opkg install lighttpd-mod-cgi
opkg install lighttpd-mod-fastcgi
opkg install php5-cgi
opkg install php5-fastcgi
opkg install libsqlite3
opkg install coreutils-stty

用winRAR打开wifirobot_1.0_brcm-2.4.ipk,一直看到有一个data的文件夹,全部解压出来。先修改一下文件/etc/init.d/wifirobot, 串口“tts/0”要改为“ttyS0”,波特率57600要改为9600。

还有app_car.php, app_ir.php,串口“tts/0”要改为“ttyS0”

然后把下面的文件通过WinSCP拷贝上去:

/etc/全部
/web/全部

还要设置权限和启动项,在putty里输入:

chmod 777 /etc/init.d/wifirobot
/etc/init.d/wifirobot enable

首先启动mjpg-streamer,测试一下是否运转:

http://192.168.1.1:8080/?action=stream

然后启动web服务器:

/usr/sbin/lighttpd -f /etc/lighttpd/lighttpd.conf > /dev/tty 2>&1

测试页面:

http://192.168.1.1:81/car.php

如无意外应该就可以看到控制页面了。

再探网页控制篇[3]


之前研究了乔帮主的网页控制程序,其版面布局功能非常强大,不过也因此需要安装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


###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

本文章由作者:佐须之男 整理编辑,原文地址: 网页控制Openwrt串口
本站的文章和资源来自互联网或者站长的原创,按照 CC BY -NC -SA 3.0 CN协议发布和共享,转载或引用本站文章应遵循相同协议。如果有侵犯版权的资 源请尽快联系站长,我们会在24h内删除有争议的资源。欢迎大家多多交流,期待共同学习进步。
分享到:更多

相关推荐

网友评论(0)