安防监控实现之CGI的移植及与html的通信

最新推荐文章于 2024-06-19 15:34:28 发布
最新推荐文章于 2024-06-19 15:34:28 发布
阅读量1.8k 收藏 10
点赞数 2
分类专栏： 华清创客学院早期学习总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Set_Mode/article/details/94774804
版权

文章目录

声明

华清远见教育集团 15年专注高端IT培训 做良心教育，做专业教育，做受人尊敬的职业教育

创客学院官网：http://www.makeru.com.cn/
华清远见创客学院嵌入式课程链接：http://www.makeru.com.cn/emb
华清远见创客学院物联网课程链接：http://www.makeru.com.cn/iot

概述

CGI 是Web 服务器运行时外部程序的规范,按CGI 编写的程序可以扩展服务器功能。CGI 应用程序能与浏览器进行交互,还可通过数据库API 与数据库服务器等外部数据源进行通信,从数据库服务器中获取数据。格式化为HTML文档后，发送给浏览器，也可以将从浏览器获得的数据放到数据库中。几乎所有服务器都支持CGI,可用任何语言编写CGI,包括流行的C、C ++、VB 和Delphi 等。CGI 分为标准CGI 和间接CGI两种。标准CGI 使用命令行参数或环境变量表示服务器的详细请求，服务器与浏览器通信采用标准输入输出方式。间接CGI 又称缓冲CGI,在CGI 程序和CGI 接口之间插入一个缓冲程序，缓冲程序与CGI 接口间用标准输入输出进行通信。

总之，CGIC是一个功能比较强大的支持CGI开发的标准C库，并支持Linux, Unix 和Windows等多操作系统。

框图

在这里插入图片描述
CGI程序的工作一般就是接收表单数据，进行数据处理，最后根据处理结果生成新的页面返回给浏览器。

源码分析

root@linux:~/tool/cgic205# tree -a
.
├── capture.c
├── cgic.c
├── cgic.h
├── cgic.html
├── cgictest.c
├── license.txt
├── Makefile
├── readme.txt
└── support.txt

0 directories, 9 files

cgic.h：头文件；
cgic.c：CGIC的源代码文件；
cgictest.c：CGIC库的作者提供的一个CGI程序例子；
capture.c：用于调试CGI程序的工具；
Makefile：安装CGIC的脚本文件；

可以看到，整个库实际上就是cgic.c一个文件，可以说是非常的精炼。可以把CGIC安装为操作系统的一个动态链接库，这样我们每次编译的时候，就不需要有cgic.c这个源文件了。但是由于需要（以后将会看到），我们将修改cgic.c代码，所以我们不把它安装进系统。每次编译的时候，只要把cgic.c和cgic.h放到当前文件夹就好了。

用户操作流程分析

用户通过客户端应用(浏览器)向web服务发送一个get请求，web服务器返回一个默认的静态html页面；用户想在这个基础上进一步操作，比如用户登录，需要填写 ‘用户名-密码’ 吧，这样提交的信息就以form表单的形式从web服务器，再通过CGI接口向服务器上的应用发送。CGI就是这么一个中间机制，这里简单理解就是讲前端产生的html语言转换成应用层的c语言，实现交互。

CGIC的移植过程

源码移植

  1. 下载源码
    http://www.boutell.com/cgic/

  2. .解压

     root@linux:~/tool#  tar -xvf cgic205.tar.gz

  3. 修改交叉编译环境

     CFLAGS=-g -Wall
 #CROSS_COMPILE=
 CROSS_COMPILE=arm-linux-
 CC=$(CROSS_COMPILE)gcc
 AR=$(CROSS_COMPILE)ar
 RANLIB=$(CROSS_COMPILE)ranlib
 LIBS=-L./ -lcgic
 
 all: libcgic.a cgictest.cgi capture
 
 install: libcgic.a
 	cp libcgic.a /usr/local/lib
 	cp cgic.h /usr/local/include
 	@echo libcgic.a is in /usr/local/lib. cgic.h is in /usr/local/include.
 
 libcgic.a: cgic.o cgic.h
 	rm -f libcgic.a
 	$(AR) rc libcgic.a cgic.o
 	$(RANLIB) libcgic.a
 
 #mingw32 and cygwin users: replace .cgi with .exe
 
 cgictest.cgi: cgictest.o libcgic.a
 	#gcc cgictest.o -o cgictest.cgi ${LIBS} 
 	$(CC) $(CFLAGS) cgictest.o -o cgictest.cgi ${LIBS} 
 
 capture: capture.o libcgic.a
 	#gcc capture.o -o capture ${LIBS}
 	$(CC) $(CFLAGS) capture.o -o capture ${LIBS}
 clean:
 	rm -f *.o *.a cgictest.cgi capture

  4. 编译cgi源码

     root@linux:~/tool/cgic205# make 
 arm-linux-gcc -g -Wall   -c -o cgic.o cgic.c
 rm -f libcgic.a
 arm-linux-ar rc libcgic.a cgic.o
 arm-linux-ranlib libcgic.a
 arm-linux-gcc -g -Wall   -c -o cgictest.o cgictest.c
 #gcc cgictest.o -o cgictest.cgi -L./ -lcgic 
 arm-linux-gcc -g -Wall cgictest.o -o cgictest.cgi -L./ -lcgic 
 arm-linux-gcc -g -Wall   -c -o capture.o capture.c
 #gcc capture.o -o capture -L./ -lcgic
 arm-linux-gcc -g -Wall capture.o -o capture -L./ -lcgic

  5. 将capture和cgictest.cgi拷贝到nfs共享根目录下的boa/cgi-bin/目录中

     cp capture /nfs/rootfs/boa/cgi-bin/
 cp cgictest.cgi  /nfs/rootfs/boa/cgi-bin/

  6. 测试效果-运行开发板 ，先运行boa服务器(后台运行)

     [root@farsight boa]# ./boa & 
 [root@farsight boa]# [01/Jan/1970:00:06:59 +0000] boa: server version Boa/0.94.13
 [01/Jan/1970:00:06:59 +0000] boa: server built Nov 29 2017 at 11:22:26.
 [01/Jan/1970:00:06:59 +0000] boa: starting server pid=1205, port 80

  7. 在工作站的浏览器地址栏输入http://192.168.2.10/cgi-bin/cgictest.cgi， （直接指定要运行的程序）
    （指定网页运行举例：http://192.168.2.10/pass.html 板子ip/网页名）
    在这里插入图片描述
    在这里插入图片描述

问题与解决思路

  1. Unable to connect
    Firefox can’t establish a connection to the server at 192.168.1.100.
    Boa服务器没有运行：

  2. 404 在boa的/cgi-bin目录下找不到对应的cgi文件或在www目录下找不到对应的html文件
    404 Not Found
    The requested URL /cgi-bin/cgictest.cgi was not found on this server
    404 Not Found
    The requested URL /index.html was not found on this server.

进一步项目移植

移植步骤

  1. 编写 mycgitest.c

    #include<stdio.h>
#include "cgic.h"
#include <string.h>
#include <stdlib.h>
 
 int cgiMain() 
 {
 #ifdef DEBUG
 	printf("Enter cgiMain() .....\n");
 #endif /* DEBUG */
 
 	cgiHeaderContentType("text/html");
 	/* Top of the page */
 	fprintf(cgiOut, "<HTML><HEAD>\n");
 	fprintf(cgiOut, "<TITLE>My First CGI</TITLE></HEAD>\n");
 	fprintf(cgiOut, "<BODY><H1>Hello CGIC......</H1>\n");
 	fprintf(cgiOut,"<H3>   by zhuzhongwei  </H3>\n");
 	fprintf(cgiOut, "</BODY></HTML>\n");
 
 	return 0;
 }

  2. Makefile 修改

     	CFLAGS=-g -Wall
 CROSS_COMPILE=arm-linux-
 #CROSS_COMPILE=
 CC=$(CROSS_COMPILE)gcc
 AR=$(CROSS_COMPILE)ar
 RANLIB=$(CROSS_COMPILE)ranlib
 LIBS=-L./ -lcgic
 
 
 NFSBOA_CGIBIN=/nfs/rootfs/boa/cgi-bin/ 
 NFSBOA_WWWDIR=/nfs/rootfs/boa/www/
 all: libcgic.a capture cgictest.cgi \
 	mycgitest.cgi login.cgi
 
 install: libcgic.a
 	cp libcgic.a /usr/local/lib
 	cp cgic.h /usr/local/include
 	@echo libcgic.a is in /usr/local/lib. cgic.h is in /usr/local/include.
 
 libcgic.a: cgic.o cgic.h
 	rm -f libcgic.a
 	$(AR) rc libcgic.a cgic.o
 	$(RANLIB) libcgic.a
 
 #mingw32 and cygwin users: replace .cgi with .exe
 
 cgictest.cgi: cgictest.o libcgic.a
 	$(CC) cgictest.o -o cgictest.cgi ${LIBS}
 
 capture: capture.o libcgic.a
 	$(CC) capture.o -o capture ${LIBS}
 
 mycgitest.cgi: mycgitest.o libcgic.a
 	$(CC) mycgitest.o -o mycgitest.cgi ${LIBS}
 
 login.cgi: login.o libcgic.a
 	$(CC) login.o -o login.cgi ${LIBS}
 
 nfsdeal:
 	mv *.o ./obj/
 	mv *.a *.cgi capture ./cgi-bin/
 	sudo cp ./cgi-bin/* $(NFSBOA_CGIBIN)
 	sudo cp ./login/*   $(NFSBOA_WWWDIR)/images/login/ 
 	sudo cp login.html  $(NFSBOA_WWWDIR)
 
 clean:
 	rm -f *.o *.a cgictest.cgi capture
 	rm -f ./cgi-bin/* ./obj/*

  3. 将capture和mycgitest…cgi拷贝到主机的/nfs/rootfs/boa/cgi-bin目录下。
    cp capture mycgitest.cgi /nfs/source/rootfs/boa/cgi-bin

  4. 浏览器测试 输入url http://192.168.2.10/cgi-bin/mycgitest.cgi
    在这里插入图片描述

问题与解决思路

  1. 问题一：

在这里插入图片描述
1、A9服务器 没有运行 ./smart_storage
2、A9和CGI的进程间通信失败：
注意查看进程间通信的ftok获得的秘钥是否是一致的。

在这里插入图片描述
2. 问题二：404的错误：
诊断：html网页找不到对应的cgi程序；
解决思路：
1、右键、查看网页源代码，确定IP地址没有问题
2、查看form表单，form表单对应的/cgi-bin/xxx.cgi在boa的cgi-bin目录下是否存在；

项目移植(完整版)

  1. 添加新的文件到cgi源码目录
    在这里插入图片描述

  2. 修改Makefile编译规则，把刚才那些文件添加到Makefile编译项

     CC=arm-none-linux-gnueabi-gcc
 AFLAGS=-Wall -g
 LDFLAGS= -L ./lib
 OBJS= capture.cgi a9_beep.cgi zigbee_fan.cgi\
 	  a9_led.cgi a9_seg.cgi \
 	  env1.cgi setEnv.cgi
 
 run:$(OBJS)
 
 $(OBJS):%.cgi:%.c
 	$(CC) $(AFLAGS) $< cgic.c -o $@ $(LDFLAGS)
 	
 install:
 	$(CC) $(AFLAGS) login.c -o login.cgi
 	mv *.cgi ./out/
 	sudo cp  ./out/*.cgi  /nfs/rootfs/boa/cgi-bin
 
 .PHONY:clean
 clean:
 	rm ./out/*.cgi

  3. 编译并将目标文件移动到nfs根目录下

  4. 查看效果,用户通过浏览器访问开发板IP，web服务器返回一个默认页面
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

linux-安防监控实现之CGI的移植及与html的通信
m0_59949484的博客
08-11 273
CGIC是一个支持CGI开发的开放源码的标准C库，可以免费使用，只需要在开发的站点和程序文档中有个公开声明即可，表明程序使用了CGIC库，用户也可以购买商业授权而无需公开声明。CGIC能够提供以下功能：1 分析数据，并自动校正一些有缺陷的浏览器发来的数据；2 透明接收用GET或 POST方法发来的From数据；3 能接受上传文件；4 能够设置和接收cookies；5 用一致的方式处理From元素里的回车；6 提供字符串，整数，浮点数，单选或多选功能来接收数据；
HTML与cgi程序的数据交互
弘毅_hao的博客
05-13 751
html和cgi数据交互
【实战】物联网安防监控项目【4】———从网页上控制A9的LED灯
imysy_22_的博客
08-18 2400
控制wev网页操作cortex-A9系列linux开发板上的led灯亮灭
安防监控项目记录6——cgi移植与html的通信
技术尖刀的博客
08-28 277
boa服务器的存在是为了cgi与html的通信 而cgi的存在又是为了A9与html的通信 完成后可以在网页端进行一些对A9端的控制以及信息的上传
【Linux】【CGI】CGIC库的移植及使用
自然
10-12 2088
CGIC库的移植         CGIC是一个支持CGI开发的开放源码的标准C库，可以免费使用，只需要在开发的站点和程序文档中有个公开声明即可，表明程序使用了CGIC库，用户也可以购买商业授权而无需公开声明。      CGIC能够提供以下功能：    1   分析数据，并自动校正一些有缺陷的浏览器发来的数据；    2   透明接收用GET或 POST方法发来的From数据；
linux下和htm的运行,嵌入式LINUX下CGI与HTML网页之间的通信
weixin_39614228的博客
05-01 866
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？前言CGI 是Web服务器运行时外部程序的规范, 按CGI编写的程序可以扩展服务器功能. CGI应用程序能与浏览器进行交互, 还可通过数据库API与数据库服务器等外部数据源进行通信, 从数据库服务器中获取数据.几乎所有服务器都支持CGI,可用任何语言编写CGI,包括C/C++, Python, Shell等.本文通过编写...
嵌入式安防监控项目实战视频及课件.zip
最新发布
02-08
day07 安防监控实现之CGI的移植及与html的通信 day08 安防监控实现之从网页上控制A9的LED灯 day09 安防监控实现之html框架浅析及模拟环境信息刷新到网页 day10 安防监控实现之mjpeg-streamer视频图像的显示 day11 ...
linux-安防监控实现之boa服务器移植
m0_59949484的博客
08-11 246
硬件资源：arm 开发板宿主机：ubuntu18.04工具：aarch64-linux-gnu-gcc。
嵌入式安防监控项目实战_安防监控项目实战安排与环境搭建
ChinaCraft的博客
06-19 1174
-----时间共计21天，相信你自己，完成项目。
基于Internet与GPRS的智能家居安防系统设计与实现.pdf
07-15
随着信息化技术的普及，人们对家庭生活安全的要求越来越高，智能家居安防系统不仅包括传统的监控和报警功能，还与互联网、移动通信技术、物联网等前沿技术紧密结合，旨在提供更为高效、便捷、安全的生活环境。...
web视频监控CGI程序
09-28
主要是通过IE浏览器进行摄像头视频远程监控程序
html和cgi程序
06-04
b/s架构的web端代码和cgi程序。包括cgi源程序和编译好的程序，基于linux。在web端有查看摄像头图片的页面，有控制led的页面，有设置开发板时间的页面。代码简单，一看就懂。
六、CGI与HTML通信
weixin_43855159的博客
10-20 1154
cgi是一个接口CGIC是一个支持CGI开发的开放源码的标准C库，可以免费使用，只需要在开发的站点和程序文档中有个公开声明即可，表明程序使用了CGIC库，用户也可以购买商业授权而无需公开声明。
cgi与html相互调用
weixin_34250434的博客
07-16 1398
html中调用cgi。<form action="/cgi-bin/mult.cgi" method="get" target="_blank"> html中调用html： <frameset rows="120,*" cols="*" frameborder="no" border="0" framespacing="0"><frame src="tou.htm...
HTML通过ajax与CGI进行数据交互
Jocker_xie的博客
08-30 1545
在这里只描述，HTML如何获取CGI的数据。 <script type="text/javascript" src="jquery-1.9.1.min.js"></script> //依赖jquery这个js库 <script> function testcgi(){ $.ajax({ type: 'POST'...
学习使用CGI和HTML
weixin_33919950的博客
06-29 252
目标和需求： (1)通过网页查询并设置开发板的网络参数，要求至少可查询IP地址、子网掩码、网关、MAC地址，可设置自动获取IP或固定IP，设置包括查询的内容 (2)使用CGI编程+HTML实现简单数据交互即可，不考虑样式设计 开发环境是Ubuntu14.04 这是实习时在公司做个一个练手的小项目。或许是在学校养成的习惯，发现自己做东西时总是想到一点就做一点，秉...
嵌入式CGI 与HTML的数据交换
热门推荐
guiyuan_yelang的专栏
04-24 2万+
最近，在做嵌入式开发的一个项目，要在A8板子上，嵌入boa服务器，通过网页获取传感器信息和控制风扇，电机等器件。网页的制作，使用HTML和CGI，使用C语言编写CGI。在网上找到了一个CGIC库——CGIC250，这个库中有CGI的常用接口和方法，实现HTML页面和后台服务的数据交互。 使用HTML中的表单form，提交表单到CGJ中，CGI接收数据，操作数据库，实现信息的传递。但是要将数据
数据上报--应用进程通过CGI与html交互
本末实验室
12-05 3483
在本文介绍的仓储项目中，用户通过客户端的一些控件实现对向底层硬件发送指令，这一过程是命令数据的下发；用户还可以实时查看到仓库的环境数据，这是数据的上报。总体上分为三个的对象和两条数据流向，网页端-服务器-底层实现命令数据的下发和环境数据的上报，也就实现了人机交互的过程。下面是数据上报部分框图：
html如何与cgi数据交换,HTML网页与CGI之间通信的 实例分析
weixin_42520132的博客
06-04 1097
本来是在做用户登录的界面，做到了一半就是不知道他怎么与服务器实现通信的，今天终于得到了启发，感谢“happyboygd下面根据上者的分析，自己在理解了一下，特写此文章记录，也希望能给正在学习相关内容的朋友一些帮助。我用的post方式提交用户信息的，首先先说明一下POST与GET方式的区别：(摘自网络)HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。 举个简单的例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值