https://www.cnblogs.com/163yun/p/9834993.html

安装uhttpd。

在编译openwrt前,输入make memuconfig,查找Network -> Web Servers/Proxies -> uhttpd,如果没勾选则勾选。然后编译固件。

修改uhttpd配置。

安装运行openwrt后,通过ssh登陆,修改/etc/config/uhttpd配置文件,在文件末尾添加新的web服务。添加数据基本格式如下:

config 'uhttpd' 'ServerName' 

 option 'home' '/root/' 

 list 'listen_http' '0.0.0.0:8080' 

 option 'cgi_prefix' '/cgi-bin'

其中:

名称 说明
uhttpd 服务名称,不要和系统的重名即可
home 服务的根目录
listen_http CGI前缀,用来区分是否调用的CGI
cgi_prefix CGI前缀,用来区分是否调用的CGI

还有其他配置,不一一列举,比如index_page 、error_page 、listen_https、cert、key、script_timeout、network_timeout、tcp_keepalive等。
修改后需要重启uhttpd,使用命令:

/etc/init.d/uhttpd restart

配置静态页面。

在服务的根目录下配置web页面,比如index.html(如果uhttpd配置未指定,则为默认页面)。如下是一个网上找到的登陆网页:

<html> 
<head><title>..................</title></head> 
<body> 
<form name="form1" action="/cgi-bin/helloworld"> 
<table align="center"> 
<tr><td align="center" colspan="2"></td></tr> 
<tr> 
<td align="right">.........</td> 
<td><input type="text" name="Username"></td> 
</tr> 
<tr> 
<td align="right">...  ...</td> 
<td><input type="password" name="Password"></td> 
</tr> 
<tr> 
<td><input type="submit" value="...  ..."></td> 
<td><input type="reset" value="...  ..."></td> 
</tr> 
</table> 
</form> 
</body> 
</html>

当用户点击登陆时,会跳转访问当前目录下的/cgi-bin/helloworld。

编写CGI程序。

例如上一步的/cgi-bin/helloworld即为web服务的CGI程序。本文介绍通过ipk的方式安装CGI程序的方法。
生成ipk需要借助openwrt的交叉编译,首先在openwrt目录下的package目录下建立一个目录,本例为:helloworld。然后在helloworld目录下建立Makefile文件和src目录。其中Makefile文件的内如如下:

include (TOPDIR)/rules.mkPKGNAME:=helloworldPKGRELEASE:=1PKGBUILDDIR:=(BUILD_DIR)/(PKGNAME)include(INCLUDE_DIR)/package.mk 
define Package/helloworld   SECTION:=utils   CATEGORY:=Utilities   TITLE:=Helloworld – prints a snarky message 
endef 
define Package/helloworld/description   If you can't figure out what this program does, you're  probablybrain-dead and need immediate medical attention. 
endef 
define Build/Prepare   mkdir -p (PKGBUILDDIR)(CP) ./src/* $(PKG_BUILD_DIR)/ 
endef 
define Package/helloworld/install   (INSTALLDIR)(1)/root/cgi-bin/   $(INSTALL_BIN) (PKGBUILDDIR)/helloworld(1)/root/cgi-bin/ 
endef 
(eval(call BuildPackage,helloworld))

其中制定安装路径为web服务的CGI路径。
src目录下放入自己的程序及Makefile,本例中有:
helloworld.c内容如下:

#include <stdio.h> 
#include <stdlib.h> 
#include <string.h>   void list_argument(void) 
{    char *env_var[] = {      "COMSPEC", "DOCUMENT_ROOT", "GATEWAY_INTERFACE",      "HTTP_ACCEPT", "HTTP_ACCEPT_ENCODING",      "HTTP_ACCEPT_LANGUAGE", "HTTP_CONNECTION",      "HTTP_HOST", "HTTP_USER_AGENT", "PATH",      "QUERY_STRING", "REMOTE_ADDR", "REMOTE_PORT",      "REQUEST_METHOD", "REQUEST_URI", "SCRIPT_FILENAME",      "SCRIPT_NAME", "SERVER_ADDR", "SERVER_ADMIN",      "SERVER_NAME","SERVER_PORT","SERVER_PROTOCOL",      "SERVER_SIGNATURE","SERVER_SOFTWARE", "CONTENT_LENGTH" };    char *value, i;      for (i=0; i<25; i++) {      value = getenv(env_var[i]);        if (value)      {   printf("<p>");          printf ( "%s = %s \n", env_var[i], value);   printf("<\p>");      }    } 
}   
int main(){ 
printf("Content-Type:text/html;charset=utf-8\n\n"); 
printf("<html>\n"); 
printf("<head>\n<title>test</title>\n</head>\n"); 
printf("<body>\n"); 
printf("<p>"); 
printf("hello~\n"); 
printf("</p>"); 
list_argument(); 
printf("</body>\n"); 
printf("</html>\n"); 
}

Makefile内容如下:

helloworld: helloworld.o 

 (CC)(LDFLAGS) helloworld.o -o helloworld 
helloworld.o: helloworld.c   (CC)(CFLAGS) -c helloworld.c 
clean:   rm *.o helloworldo

使用openwrt编译好后,把ipa通过scp上传到路由器下(或直接编译到固件中),安装:

opkg install helloworld_1_x86.ipk

之后就会在/root/cgi-bin下看见helloworld程序。调用程序能正常输出网页:

root@OpenWrt:~/cgi-bin# ./helloworld 
Content-Type:text/html;charset=utf-8   
<html> 
<head> 
<title>test</title> 
</head> 
<body> 
<P>hello</p></body> 
</html>

结果输出

浏览器就会打开默认页面(192.168.8.106是测试路由器地址),点击默认页面的确定按钮,就会返回CGI的输出,如下图:

hello~  
DOCUMENT_ROOT = /root  
GATEWAY_INTERFACE = CGI/1.1  
HTTP_ACCEPT = text/html,application/xhtml+xml,application/xml;q=0.9,/;q=0.8  
HTTP_ACCEPT_ENCODING = gzip, deflate  
HTTP_ACCEPT_LANGUAGE = zh-cn,zh;q=0.8,en-us;q=0.5,en;q=0.3  
HTTP_CONNECTION = keep-alive  
HTTP_HOST = 192.168.8.106:8080  
HTTP_USER_AGENT = Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:29.0) Gecko/20100101 Firefox/29.0  
PATH = /sbin:/usr/sbin:/bin:/usr/bin  
QUERY_STRING = Username=11&Password=222  
REMOTE_ADDR = 192.168.8.103  
REMOTE_PORT = 53874  
REQUEST_METHOD = GET  
REQUEST_URI = /cgi-bin/helloworld?Username=11&Password=222  
SCRIPT_FILENAME = /root/cgi-bin/helloworld  
SCRIPT_NAME = /cgi-bin/helloworld  
SERVER_ADDR = 192.168.8.106  
SERVER_NAME = 192.168.8.106  
SERVER_PORT = 8080  
SERVER_PROTOCOL = HTTP/1.1  
SERVER_SOFTWARE = uHTTPd

3Openwrt自定义CGI实现 前后端交互的更多相关文章

  1. Django之META与前后端交互

    Django之META与前后端交互 1 提交表单之GET 前端提交数据与发送 1)提交表单数据 2)提交JSON数据 后端的数据接收与响应 1)接收GET请求数据 2)接收POST请求数据 3)响应请 ...

  2. nodejs实现前后端交互

    本人nodejs入门级选手,站在巨人(文殊)的肩膀上学习了一些相关知识,有幸在项目中使用nodejs实现了前后端交互,因此,将整个交互过程记录下来,方便以后学习. 本文从宏观讲述nodejs实现前后端 ...

  3. 微信小程序 + thinkjs + mongoDB 实现简单的前后端交互

    说明:这段时间跟老师学习了一下mongodb数据库,这次也是第一次搭建后台服务,出了不少差错,特此来复盘一下,非常感谢对我提供帮助的同学~ 一.使用 thinkjs + mongodb 创建后台服务 ...

  4. Node.js实现前后端交互——用户注册

    我之前写过一篇关于使用Node.js作为后端实现用户登陆的功能,现在再写一下node.js做后端实现简单的用户注册实例吧.另外需要说的是,上次有大佬提醒需要加密数据传输,不应该使用明文传输用户信息.在 ...

  5. Node之简单的前后端交互

    node是前端必学的一门技能,我们都知道node是用的js做后端,在学习node之前我们有必要明白node是如何实现前后端交互的. 这里写了一个简单的通过原生ajax与node实现的一个交互,刚刚学n ...

  6. 前后端交互实现(nginx,json,以及datatable的问题相关)

    1.同源问题解决 首先,在同一个域下搭建网络域名访问,需要nginx软件,下载之后修改部分配置 然后再终端下cmd  nginx.exe命令,或者打开nginx.exe文件,会运行nginx一闪而过, ...

  7. springboot+mybatis+thymeleaf项目搭建及前后端交互

    前言 spring boot简化了spring的开发, 开发人员在开发过程中省去了大量的配置, 方便开发人员后期维护. 使用spring boot可以快速的开发出restful风格微服务架构. 本文将 ...

  8. 百度ueditor的图片上传,前后端交互使用

    百度ueditor的使用 一个文本编辑器,看了网上很多文档写的很乱,这里拾人牙慧,整理下怎么使用. 这个东西如果不涉及到图片附件上传,其实很简单,就是几个前端文件,直接引用,然后配置下ueditor. ...

  9. SSM-网站后台管理系统制作(4)---Ajax前后端交互

    前提:Ajax本身就为前后端交互服务的,实现功能:用户输入信息,实时判断用户的情况,这也是现在登录界面普遍流行的做法.前端js通过注释识别Controller层,该层查询返回,和之前Google验证码 ...

随机推荐

  1. kubernetes 客户端KubeClient使用及常用api

    KubeClient是kubernetes 的C#语言客户端简单易用,KubeClient是.NET Core(目标netstandard1.4)的可扩展Kubernetes API客户端, gith ...

  2. 音视频 学习&开发&测试 资源

    一.FFmpeg 学习 1. 官方API文档 FFmpeg Documentation:http://www.ffmpeg.org/doxygen/trunk/index.html 2. 优秀开源项目 ...

  3. Java核心技术第四章——3.对象构造

    重载: 如果多个方法(包含构造方法)有相同的名字.不同的参数,便产生重载.编译器必须挑选出具体执行哪个方法,它通过用各个方法给出的参数类型与特定方法调用所使用的值类型进行匹配挑选出相对应的方法. 如果 ...

  4. 聊聊分布式开发 Spring Cloud

    概述 本文章只是简单介绍了微服务开发的一些关键词,如果需要知道具体实现和可以评论留言 我会及时的增加连接写出具体实现(感觉没人看 就没写具体实现). 持续更新中...... SpringCloud和D ...

  5. PLC

    https://www.cnblogs.com/dathlin/p/7469679.html C#读写三菱PLC和西门子PLC数据 使用TCP/IP 协议https://blog.csdn.net/x ...

  6. JS正则表达式匹配域名 网址 URL

    DNS规定,域名中的标号都由英文字母和数字组成,每一个标号不超过63个字符,也不区分大小写字母.标号中除连字符(-)外不能使用其他的标点符号.级别最低的域名写在最左边,而级别最高的域名写在最右边.由多 ...

  7. ResDrawableImgUtil【根据图片名称获取resID值或者Bitmap对象】

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 根据图片名称获取项目的res/drawable-xxdhpi中相应资源的ID值以及bitmap值的封装类. 效果图 代码分析 根据图 ...

  8. cocos creator主程入门教程(九)—— 瓦片地图

    五邑隐侠,本名关健昌,10年游戏生涯,现隐居五邑.本系列文章以TypeScript为介绍语言. 这一篇介绍瓦片地图,在开发模拟经营类游戏.SLG类游戏.RPG游戏,都会使用到瓦片地图.瓦片地图地面是通 ...

  9. c++随机排序容器中的元素

    在各种程序语言中都提供了将容器元素随机排序的shuffle方法,c++也不例外. 不过c++将shuffle放在了<algorithm>中而不是像其他语言一样在random里,同时c++1 ...

  10. 菜鸟先飞C#学习总结(一)

    一.第一个程序Hellow Word using System; //using 关键字用于在程序中包含 System 命名空间. 一个程序一般有多个 using 语句. using System.C ...