实用10分钟教你通过网页点灯

　　大家好，我是ZhengN。
　　上一篇实用10分钟教你搭建一个嵌入式web服务器我们已经基于我们的开发板搭好了一个基于boa的web服务器。这一篇接着分享如何使用网页来点灯。
　　网页点灯的整个流程大致为：
　　从上到下，前面两部分我们就是我们上一篇做的实验，已经打通了。而第三部分就是本篇笔记的重点，我们要点灯，自然需要写一个程序来解析数据及进行点灯操作，即这里的CGI程序。什么是CGI？
　　CGI即通用网关接口（CommonGatewayInterface），是一个Web服务器主机提供信息服务的标准接口。通过CGI接口，Web服务器就能够获取客户端提交的信息，转交给服务器端的CGI程序进行处理，最后返回结果给客户端。
　　根据CGI标准，编写外部扩展应用程序，可以对客户端浏览器输入的数据进行处理，完成客户端与服务器的交互操作。CGI规范定义了Web服务器如何向扩展应用程序发送消息，在收到扩展应用程序的信息后又如何进行处理等内容。
　　一般情况下，服务器和CGI程序之间是通过标准输入输出来进行数据传递的，CGI程序中的标准输出stdout是经过重定义了的，它并没有在服务器上产生任何的输出内容，而是被重定向到客户浏览器。即我们的CGI程序是在我们的板子服务器里运行，但实际调用printf输出信息时并不会输出到我们的板子终端，而是输出到客户端浏览器。CGI程序小例子
　　CGI程序可以使用多种语言来实现，这里我们选用我们比较熟悉的C语言来实现。先来看一个简单的示例：
　　test。c：includestdio。hintmain（）｛printf（Contenttype：texthtml）；这一句是必须的，设定输出到HTMLprintf（HelloCGI）；return0；｝
　　利用交叉编译工具，编译上述文件：armlinuxgnueabihfgcctest。cotest。cgi
　　把test。cgi程序传到开发板上的wwwcgibin目录scptest。cgiroot192。168。1。8：wwwcgibin
　　修改权限；chmod777test。cgi
　　浏览器进行访问：http：192。168。1。8wwwcgibintest。cgi
　　网页点灯
　　我们已经知道了CGI程序是什么了。下面我们来进行网页点灯。首先，需要说明的是，我们有两种方式来编写CGI程序。一种是借助环境变量来获取相关信息；另一种是使用CGIC库。方法一：
　　对于CGI程序来说，它继承了系统的环境变量。CGI环境变量在CGI程序启动时初始化，在结束时销毁。当一个CGI程序不是被服务器调用时，它的环境变量几乎是系统环境变量的复制。当这个CGI程序被服务器调用时，它的环境变量就会多了以下关于服务器、客户端、CGI传输过程等项目。如：
　　方法二：
　　用C语言写CGI程序还可以有比较简单的方式，那就是我们可以借助使用第三方库CGIC（CGIC是一个功能比较强大的支持CGI开发的标准C库，并支持Linux，Unix和Windows等多操作系统）来编写，省去了必须自己去遵循CGI规范来编码的痛苦。
　　CGIC库下载地址：
　　https：github。comboutellcgic
　　这里只是简单地介绍了两种方法。还不理解没关系，下面我们通过具体的实例来认识这两种方法。
　　首先，我们需要点灯，自然需要先设计一个简单的led。html网页。我们要通过网页控制开发板上的led，需要两条信息：led的序号及led的状态。在网上找到了现成的html代码，稍微修改一下就直接拿来用了（文末给出参考的博客）。
　　led。html：htmlxmlnshttp：www。w3。org1999xhtmlheadmetahttpequivContentTypecontenttexthtml；charsetutf8titleledcontroltitleheadbodyh1aligncenter基于ARM的web控制LED灯h1！新建一个表单，动作链接到开发板的cgibinled。cgi，采用的方法为GETbodyhtml
　　把led。html放到我们开发板上的www中，通过浏览器访问：http：192。168。1。8led。html
　　实际效果如：
　　下面我们编写我们的CGI程序。
　　方法一：借助环境变量来获取相关信息。includestdio。hincludestdlib。hincludesystypes。hincludesysstat。hincludefcntl。hincludeunistd。hincludesysioctl。hincludelinuxlimits。hincludeerrno。hintmain（intargc，constcharargv〔〕）｛intlednum，ledstate；chardata；printf（Contenttype：texthtml；charsetutf8）；printf（html）；printf（headtitlecgicontrolledwebtitlehead）；printf（body）；printf（pledissettedsuccessful！youcanwatchtheledschange）；printf（pbuttongetbackbutton）；printf（body）；datagetenv（QUERYSTRING）；getenv（）读取环境变量的当前值的函数if（sscanf（data，lednumdledstated，lednum，ledstate）！2）｛利用sscnaf（）函数的特点将环境变量分别提取出lednum和ledstate这两个值printf（ppleaseinputright）；printf（）；｝printf（plednumd，ledstated，lednum，ledstate）；if（lednum2lednum5）｛printf（pPleaseinput2lednum5！）；printf（）；｝if（ledstate1）｛printf（pPleaseinput0ledstate1！）；printf（）；｝printf（html）；return0；｝
　　这里的getenv函数就是获取环境变量当前值的函数，其中，各环境变量的意义可以参考上面的表。这里的QUERYSTRING环境变量就是采用GET时所传输的信息。在这个例子中就是：lednum3ledstate1
　　上面的CGI程序把收到网页发送过来的lednum及ledstate的至再使用printf返回至网页中显示。从网页中也可以看到相关信息，整个流程也就打通了。
　　方法二：使用CGIC库。
　　第二种方法我们使用CGIC库来编写我们的CGI程序。首先我们需要下载CGIC库，下载地址如：
　　https：github。comboutellcgic
　　下载得到：
　　整个包的内容不多，就几个文件。其中：cgic。c函数库。capture。c一个很简单的CGI例子。仅仅输出两行提示文字。cgictest。c一个演示读取form表单数据的CGI例子。
　　因为我们的CGI程序要运行在我们的arm板中，当然要交叉编译，首先需要修改Makefile文件，需要修改如下几处内容：
　　第个修改点：CFLAGSgWallCCgccARarRANLIBranlibLIBSL。lcgic
　　修改为：CFLAGSgWallCCarmlinuxgnueabihfgccARarmlinuxgnueabihfarRANLIBarmlinuxgnueabihfranlibLIBSL。lcgic
　　第个修改点：gcccgictest。oocgictest。cgi｛LIBS｝
　　修改为：armlinuxgnueabihfgcccgictest。oocgictest。cgi｛LIBS｝
　　第个修改点：gcccapture。oocapture｛LIBS｝
　　修改为：armlinuxgnueabihfgcccgictest。oocgictest。cgi｛LIBS｝capture。oocapture｛LIBS｝
　　第个修改点：gccDUNITTEST1cgic。cocgicunittest
　　修改为：armlinuxgnueabihfgccDUNITTEST1cgic。cocgicunittest
　　这里我的编译器是armlinuxgnueabihfgcc，大家需根据自己的实际环境进行修改。make编译得到cgictest。cgi及capture程序，大家可以自行传到板子上进行测试。下面我们在这个文件夹下新增一个led。c文件，用于编写我们的legcgi程序：微信公众号：嵌入式大杂烩includecgic。hcgic程序以cgiMain作为入口点，cgic的函数库会自动把cgiMain连接到相应的main（）上去intcgiMain（）｛charlednum〔10〕；charledstate〔10〕；cgiFormString（lednum，lednum，10）；从表单中的lednum字段获取值存入到lednumcgiFormString（ledstate，ledstate，10）；从表单中的ledstate字段获取值存入到ledstatecgiHeaderContentType（texthtml）；设定输出的内容格式这里我们要输出HTMLfprintf（cgiOut，titleLEDTesttitle）；fprintf（cgiOut，precvfromarm：）；fprintf（cgiOut，lednum：s，lednum）；fprintf（cgiOut，
　　）；fprintf（cgiOut，ledstate：s，ledstate）；return0；｝
　　修改Makefile，把我们的led。c也加入编译。编译得到led。cgi，传入到板子中的wwwcgibin文件夹下：
　　浏览器访问：http：192。168。1。8led。html
　　ledcgi程序可以正确地解析lednum及ledstate。有了这两个信息，我们就可以愉快地点灯了，这里没有加上点灯相关的操作，大家可以自己加上。
　　以上就是本次关于网页点灯的实战笔记，如有错误，欢迎指出，谢谢！
　　巨人肩膀：
　　1、https：blog。csdn。netweixin39148042articledetails81252538
　　2、https：blog。csdn。netyaomianfaarticledetails103575425
　　3、https：blog。csdn。netkaloha3articledetails8548027
　　4、https：www。cnblogs。comlidabop4736216。html
　　5、https：blog。csdn。netqq695538007articledetails9153187
　　猜你喜欢：
　　实用10分钟教你搭建一个嵌入式web服务器
　　实用如何远程登录开发板？
　　1024G嵌入式资源大放送！包括但不限于CC、单片机、Linux等。私信回复1024，即可免费获取！