网页控制Openwrt串口

日期：2017-2-14 佐须之男 使用类教程 浏览：6685次

最最最简单的网页控制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内删除有争议的资源。欢迎大家多多交流，期待共同学习进步。

相关推荐