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文件，内容如下：

function sendSer(value){

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

}

</script>

<table>

</table>

</div>

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

本文地址：https://jinesc.net/?id=74
版权声明：本文为原创文章，版权归 jinesc 所有，欢迎分享本文，转载请保留出处！

Wifi小车之 - 再探网页控制篇（lancerz001原创）

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