单片机点灯不难，但你会网页点灯吗？
时间：2021-09-03 10:13:02
手机看文章
扫描二维码
随时随地手机看文章
[导读]大家好，我是张巧龙，单片机点灯大家都会，网页点灯呢？今天就给大家介绍下，如何网页点灯！整个流程大致为：从上到下，前面两部分我们就是我们上一篇做的实验，已经打通了。而第三部分就是本篇笔记的重点，我们要点灯，自然需要写一个程序来解析数据及进行点灯操作，即这里的CGI程序。什么是CGI...
大家好，我是张巧龙，单片机点灯大家都会，网页点灯呢？
今天就给大家介绍下，如何网页点灯！
整个流程大致为：从上到下，前面两部分我们就是我们上一篇做的实验，已经打通了。而第三部分就是本篇笔记的重点，我们要点灯，自然需要写一个程序来解析数据及进行点灯操作，即这里的CGI程序。
今天就给大家介绍下，如何网页点灯！
整个流程大致为：从上到下，前面两部分我们就是我们上一篇做的实验，已经打通了。而第三部分就是本篇笔记的重点，我们要点灯，自然需要写一个程序来解析数据及进行点灯操作，即这里的CGI程序。
什么是CGI？
CGI即通用网关接口（Common Gateway Interface），是一个Web服务器主机提供信息服务的标准接口。通过CGI接口，Web服务器就能够获取客户端提交的信息，转交给服务器端的CGI程序进行处理，最后返回结果给客户端。根据CGI标准，编写外部扩展应用程序，可以对客户端浏览器输入的数据进行处理，完成客户端与服务器的交互操作。CGI规范定义了Web服务器如何向扩展应用程序发送消息，在收到扩展应用程序的信息后又如何进行处理等内容。一般情况下，服务器和CGI程序之间是通过标准输入输出来进行数据传递的，CGI程序中的标准输出stdout是经过重定义了的，它并没有在服务器上产生任何的输出内容，而是被重定向到客户浏览器。即我们的CGI程序是在我们的板子服务器里运行，但实际调用printf输出信息时并不会输出到我们的板子终端，而是输出到客户端浏览器。CGI程序小例子
CGI程序可以使用多种语言来实现，这里我们选用我们比较熟悉的C语言来实现。先来看一个简单的示例：「test.c：」#include
int main()
{
printf("Content-type: text/html\n\n") ; // 这一句是必须的，设定输出到HTML
printf("Hello CGI\n") ;
return 0;
}
利用交叉编译工具，编译上述文件：arm-linux-gnueabihf-gcc test.c -o test.cgi
把test.cgi程序传到开发板上的/www/cgi-bin目录scp test.cgi root@192.168.1.8:/www/cgi-bin
修改权限；chmod 777 test.cgi
浏览器进行访问：http://192.168.1.8/www/cgi-bin/test.cgi
网页点灯
我们已经知道了CGI程序是什么了。下面我们来进行网页点灯。首先，需要说明的是，我们有两种方式来编写CGI程序。一种是借助环境变量来获取相关信息；另一种是使用CGIC库。方法一：
对于CGI程序来说，它继承了系统的环境变量。CGI环境变量在CGI程序启动时初始化，在结束时销毁。当一个CGI程序不是被服务器调用时，它的环境变量几乎是系统环境变量的复制。当这个CGI程序被服务器调用时，它的环境变量就会多了以下关于服务器、客户端、CGI传输过程等项目。如：方法二：
用C语言写CGI程序还可以有比较简单的方式，那就是我们可以借助使用第三方库CGIC（CGIC是一个功能比较强大的支持CGI开发的标准C库，并支持Linux, Unix 和Windows等多操作系统）来编写，省去了必须自己去遵循CGI规范来编码的痛苦。CGIC库下载地址：❝https://github.com/boutell/cgic❞这里只是简单地介绍了两种方法。还不理解没关系，下面我们通过具体的实例来认识这两种方法。首先，我们需要点灯，自然需要先设计一个简单的led.html网页。我们要通过网页控制开发板上的led，需要两条信息：led的序号及led的状态。在网上找到了现成的html代码，稍微修改一下就直接拿来用了（文末给出参考的博客）。led.html：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>led controltitle>
head>
<body>
<h1 align="center">基于ARM的web控制LED灯h1>
<form action="/cgi-bin/led.cgi" method="get">
<p align="center">Web端的led的控制测试p>
<p align="center">请输入需要控制的led <input type="text" name="led_num"/>p>
<p align="center">请输入控制led的动作 <input type="text" name="led_state"/>p>
<p align="center"><input type="submit" value="sure"/>
<input type="reset" value="back"/>
p>
form>
body>
html>
把led.html放到我们开发板上的/www/中，通过浏览器访问：http://192.168.1.8/led.html
实际效果如：下面我们编写我们的CGI程序。「方法一：借助环境变量来获取相关信息。」#include
#include
#include
#include
#include
#include
#include
#include
#include
int main(int argc, const char *argv[])
{
int led_num,led_state;
char *data;
printf("Content-type: text/html;charset=utf-8\n\n");
printf("\n");
printf("led is setted successful! you can watch the led's change\n");
printf("\n");
printf("\n");
data = getenv("QUERY_STRING"); //getenv()读取环境变量的当前值的函数
if(sscanf(data, "led_num=%d 
下载文档
