boa_cgic-WebServer开发

概述

选择boa作为web服务器优势:
网上资料比较多
占用flash资源较少

BOA

交叉编译

环境:boa-0.94.13
1、./configure
2、vi Makefile

LDFLAGS = -staic
CROSS_COMPILE = YOU CROSS COMPILE TOOL PREFIX
CC = $(CROSS_COMPILE)gcc 
CPP = $(CROSS_COMPILE)gcc -E

3、make
编译出来的src/boa,即webserver主进程。

编译报错

1、“unable to dup2 the error log”
log.c::open_logs

	#if 0
    /* redirect stderr to error_log */
    if (dup2(error_log, STDERR_FILENO) == -1) {
        DIE("unable to dup2 the error log");
    }
    #endif

2、TIMEZONE_OFFSET error
compat.h

#ifdef HAVE_TM_GMTOFF
#define TIMEZONE_OFFSET(foo) (foo)->tm_gmtoff
#else
#define TIMEZONE_OFFSET(foo) timezone
#endif

添加环境变量

boa使用的是自己配置的环境变量,它没有用设备的env。
如果设备内一些lib、bin放在自定的目录下,则必须在boa中添加对应环境变量路径,否则cgi无法使用上述lib、bin。
修改过程如下:
在cgi.c中:

int complete_env(request * req)
{
    //...
    //指定库路径
    my_add_cgi_env(req, "LD_LIBRARY_PATH", "/mnt/data/lib");
    //指定bin路径
	my_add_cgi_env(req, "PATH", "/mnt/data/bin:/bin:/sbin:/usr/bin:/usr/sbin");
}

配置文件

修改配置文件路径

defines.h

#ifndef SERVER_ROOT
#define SERVER_ROOT "/etc/boa"  //在该地址下找boa.conf
#endif

配置信息说明

# webserver端口
Port 80
# 网页文件路径
DocumentRoot /var/www
# mime.types文件路径
MimeTypes /etc/mime.types
# cgi程序路径,只有两个参数,修改路径示例:ScriptAlias /cgi-bin/ /you_path/cgi-bin/
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
# 决定在浏览器输入ip后,进入的是那个html
DirectoryIndex net_config.html

注意

ScriptAlias必须以cgi-bin名字作为目录名,否则将找不到cgi程序。
未验证:这个路径和html的action路径一致,如果html把路径改为:action=“bin/login.cgi”,那么配置文件要把ScriptAlias改为bin。

mime.types

webserver需要该文件,来约定服务器支持的文件类型。
如果设备内没有mime.types,需要在网上下载一个,拷贝至配置文件MimeTypes指定的路径下即可。

CGIC

用C封装了很多处理html数据的接口,便于cgi开发。

编译

cgi开发

作用

用于页面和webserver之间的数据交互。
当html的表单触发对应action,例如action=“cgi-bin/login.cgi”,则将转到C编写的cgi程序继续执行。

编写

cgi程序需要实现cgiMain入口函数,并且在编译时,将cgic.c(CGIC库)编译进去

编译

示例:

gcc -o test.cgi test.c cgic.c

POST/GET

post

html通过post提交表单,调用对应的cgi程序,表单信息就可以被cgi访问到.
例如:

<form name="login_form" onSubmit="return js_login_check( )" enctype="multipart/form-data" action="cgi-bin/login.cgi" method="post" >
	<div>
	<img src="img/logo.png" class="logo_img"/><br />
		<b>用户名:</b>
		<input class="name_input" type="text" value="admin" readonly="readonly" name="username" id="username" /><br />
	</div>
	<div>
		<b>密&nbsp;&nbsp;&nbsp;码:</b>
		<input class="pwd_input" type="password" placeholder="密码为数字或者英文字母" name="passwd" id="passwd" /><input style="border:none;" class="right_input" type="button" value="忘记密码?" onclick="warning_box()"/>
	</div>
	<button>取消</button/><button type="submit" class="sub"   >登录</button>
</form>

其中,action指定cgi程序,method指定方法。
cgi通过getenv(“QUERY_STRING”),可以获取该方法名。

get

获取设备信息。例如:

	function get_dev_time()
	{		
		var xmlhttp;
		if(window.XMLHttpRequest)
		{
			xmlhttp=new XMLHttpRequest();
		}
		else
		{
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.onreadystatechange=function()
		{
	  	    if(xmlhttp.readyState==4 && xmlhttp.status==200)
	        {
		        var jsonstr = xmlhttp.responseText;
		        var json = JSON.parse(jsonstr);
		        var formid = "main_part";
		        time_json_parse(json,formid);
	        }
		}
		xmlhttp.open("GET","cgi-bin/get_config.cgi?cur_time=" + new Date().getTime()+"-get_time",false);
		xmlhttp.send();
	}

其中xmlhttp.send发送xml格式数据,数据内容为xmlhttp.open中的内容。

cookie

1.每个cgi,开始都getenv("HTTP_COOKIE")。  
如果结果为空,跳转到登录界面,如果不空,正常显示。  
2.登录界面发送用户名密码给cgi验证。  
验证失败,还在登录界面,验证成功,printf("Set-Cookie:hash_key=%s/n", hash_key);  
3.当关闭浏览器时,HTTP_COOKIE会被清掉。  

DEBUG

cgi_header: unable to find LFLF

现象

单独执行cgi程序没有问题,通过网页调用cgi程序boa就报该错误。

分析

使用demo cgi程序(不链接任何库,仅输出一条信息),时运行时正常的。
当cgi程序连接了外部库,就出现上述问题。
考虑到链接的外部库不在标准路径下,在/mnt/data/lib下,是否是因为找不到库文件,导致cgi执行出错呢?

解决

boa使用它自己的环境变量,它没有用env里面的环境变量。
添加环境变量,参考BOA环境变量一节。

cgi中执行外部命令失败

问题原因同“cgi_header: unable to find LFLF”,也是没有配置环境变量导致的问题。
在cgi.c将PATH添加到环境变量中即可。

Ajax页面缓存问题

页面每次调用一次get后,获取的数据都是一样的,即使设备端对应值变了。

解决

页面发送get消息时,已下述方式发送:

	xmlhttp.open("GET","cgi-bin/get_config.cgi?cur_time=" + new Date().getTime(),false);
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
在嵌入式web服务器boa框架的基础上, 使用C语言cgi, 或者Python脚本, 结合HTML + javascript + ajax 的嵌入式web系统的开发实例 html 中使用javascritp + ajax 从C语言生成的cgi文件的get, set 一些值. boa服务器的相关配置参数说明: http://www.cnblogs.com/liuweiqiang/p/3859130.html boa安装包文件名: boa-for-hi3516a.tar.gz boa.conf 文件的保存路径: cat /etc/boa/boa.conf boa可 执行文件的路径: /usr/local/bin/boa, 可以设置为: 系统启动的时候, 这个进程自动启动 boa.conf 文件的重要参数 保存html文件的目录 DocumentRoot /www 可以将这个目录, 设置为samb共享文件夹的目录, 方便修改调试 修改完成以后, 肯定要重启boa进程的 保存python脚本, 或者C语言cgi文件的目录 ScriptAlias /cgi-bin/ /var/www/cgi-bin/ 说明: cgi-bin/ 后面的斜杠, 一定要加上 可以将这个目录, 设置为samb共享文件夹的目录, 方便修改调试 修改完成以后, 肯定要重启boa进程的 html文件文件中, 调用python脚本的时候, 指定的路径, 需要有: /cgi-bin, 比如: var url = "/cgi-bin/getuser.py"; 这个是python 或者 var url = "/cgi-bin/output.cgi"; 这个是C语言 说明: 如果发现, html文件, 修改了, 可是在浏览器中, 查看html源代码的时候, 这个代码, 还是旧的, 那么可以通过清空"IE浏览器", "360浏览器"的浏览记录 以上, javascript 可以调用python 同样, 也可以调用C语言生成的cgi文件(其实, 就是可执行文件) C语言 + Html 例子 C语言 CGI实例 http://blog.csdn.net/ajrm0925/article/details/8810342 http://blog.csdn.net/liang890319/article/details/6277900 http://blog.csdn.net/gnefniu/article/details/42432657 上传文件: http://blog.csdn.net/yu_xiang/article/details/7996670 查找文件 find . -type f -name "boa.conf" -print -mount find . -type f -name "boa" -print -mount 四、嵌入式web服务器boa的配置和使用 嵌入式web服务器boa的配置文件为boa.conf, 在boa-0.94.13目录下面,复制该文件到文件 系统的/etc/boa目录下面,打开boa.conf,修改为如下内容: Port 80 User root Group root ErrorLog /dev/console AccessLog /dev/null ServerName SoftEmbed.com DocumentRoot /www DirectoryIndex index.html KeepAliveMax 1000 KeepAliveTimeout 10 MimeTypes /etc/mime.types DefaultType text/plain CGIPath /bin:/usr/bin:/usr/local/bin ScriptAlias /cgi-bin/ /www/cgi-bin/ 几个重要配置参数如下: DocumentRoot: 存放html文档的主目录; DirectoryIndex: 默认返回的html文档; ScriptAlias:cgi脚本虚拟路径对应的实际路径,/www/cgi-bin/为cgi脚本存放的实际路径; 其他配置选项的意义请参考相关资料。 复制boa可执行文件到/usr/sbin目录中, 启动boa进程 重新制作文件系统,系统启动后,在客户端浏览器上输入开发板的ip 地址,例如: http://192.168.0.218, 就可以看到显示的测试网页了,如下图所示 CGI getenv函数的参数详解: http://www.cnblogs.com/ser0632/p/5498228.html s = getenv("环境变量名"); 取得环境变量内容 putenv改变或增加环境变量 int putenv(const char * string); setenv(改变或增加环境变量) http://www.jb51.net/article/71940.htm
要在嵌入式设备上进行Web开发并使用BOA框架,可以按照以下步骤进行: 1. 硬件选型:选择适合你的嵌入式设备,确保它具备足够的计算能力和存储空间来运行Web服务器BOA框架。 2. 操作系统选择:选择一个适合嵌入式设备的操作系统,如Linux、FreeRTOS等。确保所选操作系统支持网络功能和嵌入式Web服务器。 3. 安装和配置Web服务器:安装适合你的嵌入式设备的Web服务器,如BOA。根据设备的操作系统和硬件架构,选择合适版本的BOA框架,并按照官方文档进行安装和配置。 4. 开发Web应用程序:使用BOA框架提供的API和工具,开发你的Web应用程序。根据需要,可以使用HTML、CSS、JavaScript等前端技术来构建用户界面,并使用BOA框架提供的服务器端API来处理请求和生成响应。 5. 测试和调试:在嵌入式设备上进行测试和调试,确保Web应用程序在设备上正常运行,并符合预期的功能要求。可以使用调试工具和日志来帮助诊断和解决问题。 6. 部署和维护:将开发完成的Web应用程序部署到嵌入式设备上,并进行必要的配置和管理。定期进行维护和更新,确保应用程序的稳定性和安全性。 此外,还应该注意以下几点: - 考虑嵌入式设备的资源限制:嵌入式设备通常具有有限的计算资源和存储空间,因此需要优化代码和资源使用,以确保Web应用程序在设备上运行良好。 - 安全性考虑:嵌入式设备上运行的Web应用程序可能涉及到敏感数据和操作,因此需要采取相应的安全措施,如身份验证、数据加密等,以保护设备和用户的安全。 - 适配不同设备:考虑到嵌入式设备的多样性,需要确保开发Web应用程序能够适配不同的设备和屏幕尺寸,提供良好的用户体验。 希望以上信息对你开发嵌入式设备上的Web应用程序有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值