写在最前面

华清远见教育集团
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 接口间用标准输入输出进行通信。

目的：本文从学习的角度来认识CGI。重点是对整体框架的理解，和对CGIC在嵌入式环境的移植。

框图

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

CGIC

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

源码分析

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

用户操作流程分析

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

CGIC的移植过程

源码移植

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

2.解压

root@linux:cgi_test# tar -xvf cgic205.tar.gz

3.修改交叉编译环境

root@linux:cgic205# cd ./cgic205
root@linux:cgic205# vim Makefile
        CC=arm-none-linux-gnueabi-gcc
        AR=arm-none-linux-gnueabi-ar
        RANLIB=arm-none-linux-gnueabi-ranlib

        #gcc cgictest.o -o cgictest.cgi ${LIBS}
        $(CC) $(CFLAGS) cgictest.o -o cgictest.cgi ${LIBS}
        #gcc capture.o -o capture ${LIBS}
        $(CC) $(CFLAGS) capture.o -o capture ${LIBS}

4.编译cgi源码

root@linux:cgic205# make

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

root@linux:cgic205# ls
capture    cgic.c     cgic.o        cgictest.o   Makefile
capture.c  cgic.h     cgictest.c    libcgic.a    readme.txt
capture.o  cgic.html  cgictest.cgi  license.txt  support.txt
root@linux:cgic205# cp capture cgictest.cgi /nfs/rootfs/boa/cgi-bin/
root@linux:cgic205#

6.测试效果

<1>开发板上

[root@farsight boa]# pwd
/boa
[root@farsight boa]# ./boa

<2>浏览器输入url http://192.168.9.9/cgi-bin/cgictest.cgi

进一步项目移植

1.添加新的文件到cgi源码目录

root@linux:cgi# cp -rf cgi_src-05-30-17-00 ~/cgi_test/cgic205/

root@linux:cgi# cd /root/cgi_test/cgic205/cgi_src-05-30-17-00
root@linux:cgi_src-05-30-17-00# pwd
/root/cgi_test/cgic205/cgi_src-05-30-17-00
root@linux:cgi_src-05-30-17-00# cp m0_* ../
root@linux:cgi_src-05-30-17-00# cp sem.h env1.c login.c setEnv.c data_global.h ../

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

root@linux:cgi_src-05-30-17-00# cd ..
root@linux:cgic205# vim Makefile
    CC=arm-none-linux-gnueabi-gcc
    AFLAGS=-Wall -g
    LDFLAGS= -L ./lib
    OBJS= capture.cgi m0_beep.cgi m0_fan.cgi m0_led.cgi \
            m0_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/
            cp  ./out/*.cgi  /nfs/rootfs/boa/cgi-bin

    .PHONY:clean
    clean:
            rm ./out/*.cgi

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

root@linux:cgic205# make
root@linux:cgic205# make install

4.在/nfs/rootfs/boa/www下添加需要的html文件

root@linux:boa# ls www/
choose.html  env2.html  index.html  m0_2.html   main2.html  video1.html
env1.html    images     m0_1.html   main1.html  pice        video2.html
root@linux:boa# cp -rf www/* /nfs/rootfs/boa/www/

5.查看效果
用户通过浏览器访问开发板IP，web服务器返回一个默认页面

用户通过输入栏，填写用户名密码(提交表单)，web服务器通过cgi接口返回又一个页面

扩展学习-cgic官网学习教程：https://boutell.com/cgic/

CGI的认识与CGIC的移植