此文已由作者吴志勐授权网易云社区发布。

欢迎访问网易云社区，了解更多网易技术产品运营经验。

安装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

网易云免费体验馆，0成本体验20+款云产品！

更多网易技术、产品、运营经验分享请点击。

相关文章：
【推荐】 Wireshark对HTTPS数据的解密
【推荐】 Kubernetes 在网易云中的落地优化实践

Openwrt自定义CGI实现的更多相关文章

  1. 3Openwrt自定义CGI实现 前后端交互

    https://www.cnblogs.com/163yun/p/9834993.html 安装uhttpd. 在编译openwrt前,输入make memuconfig,查找Network -> ...

  2. OpenWrt自定义和官方一样的固件

    我用的OpenWrt版本是Barrier Breaker 14.07,硬件是NetGear WNDR4300. 我自定义固件的目的是把固件的根分区扩到最大(100MB,总FLASH是128MB),试过 ...

  3. OpenWRT加入 crontab开机默认运行

    [转载请注明出处:钱国正专栏 http://blog.csdn.net/qianguozheng/article/details/37666829] OpenWRT系统默认已经加入了crond,仅仅是 ...

  4. Perl的调试方法

    来源: http://my.oschina.net/alphajay/blog/52172 http://www.cnblogs.com/baiyanhuang/archive/2009/11/09/ ...

  5. 网页控制脚本修改系统信息 C语言调用uci

    0 交叉编译生成程序 http://tuntuntun.net/%E5%9C%A8OpenWrt%E4%B8%8A%E8%BF%90%E8%A1%8C%E7%AC%AC%E4%B8%80%E4%B8% ...

  6. 【OpenWRT之旅】如何自定义一个配置文件的设置界面

    作者:gnuhpc 出处:http://www.cnblogs.com/gnuhpc/ 1. 引言 OpenWRT中采用LuCI作为它的Web interface界面框架,采用Lua语言.在本文中将以 ...

  7. 【转】OpenWRT开发自定义应用方法

    [转]OpenWRT开发自定义应用方法 转自:http://blog.csdn.net/rudyn/article/details/38616783 OpenWRT编译成功完成后,所有的产品都会放在编 ...

  8. 如何在Openwrt上，针对内核创建自定义Patch?

    参考资料: 1.http://wiki.openwrt.org/doc/devel/patches?s[]=quilt   --- 官方对于如何打Patch的说明 2.http://blog.csdn ...

  9. 新手编译开发OpenWrt入门教程（自定义固件、ubuntu学习）

    转自:   http://www.znck007.com/forum.php?mod=viewthread&tid=21571 由于openwrt编译教程资料很多,不同的cpu芯片只需要选择对 ...

随机推荐

  1. 前端笔记之HTML5&CSS3（下）2D/3D转换&animate动画

    一.2D转换(transform) CSS3中的transform转换和PS中的变换是一样的,分别有:缩放.位移.斜切.旋转 1.1 transform:scale()缩放 transform:sca ...

  2. 在AspNetCore中使用极验做行为认证

    先上效果图 极验的流程 极验官方文档地址 https://docs.geetest.com/install/deploy/server/csharp 简单说明一下极验的验证流程 引用官方的图片 向服务 ...

  3. J2EE规范总结

    概述 J2ee是我们步入java学习的一个開始.它将开启这趟奇幻之旅,Java是一种简单的,跨平台的,面向对象的,分布式的.解释的.健壮的安全的.结构的中立的,可移植的.性能非常优异的多线程的,动态的 ...

  4. webpack4.0各个击破（4）—— Javascript & splitChunk

    目录 一. Js模块化开发 二. Js文件的一般打包需求 三. 使用webpack处理js文件 3.1 使用babel转换ES6+语法 3.2 脚本合并 3.3 公共模块识别 3.4 代码分割 3.5 ...

  5. 第44章 添加新协议 - Identity Server 4 中文文档(v1.0.0)

    除了对OpenID Connect和OAuth 2.0的内置支持之外,IdentityServer4还允许添加对其他协议的支持. 您可以将这些附加协议端点添加为中间件或使用例如MVC控制器.在这两种情 ...

  6. 用EF的三种方式（SqlServer数据库和Oracle数据库）

    SqlServer数据库 1.DB First 现有DB,生成edmx文件 贴一下生成的model //------------------------------------------------ ...

  7. php编写生成酷炫验证码

    <?php $im=imagecreate(200,100);//生成画布 imagecolorallocate($im,0,0,0);//背景色 $white=imagecoloralloca ...

  8. 第一个Web应用

    这篇文章演示如何使用ASP.NET Core创建第一个web api服务. 开始 新建一个Project. 选择模板'ASP.NET Core Web应用程序',并且输入解决方案名称和项目名称. 然后 ...

  9. @RequestParam Map<String, Object> paramMap

    @RequestParam 请求方式 url = "/edit?device=${device}&type=${type}" Controller @RequestMapp ...

  10. 我从来不理解JavaScript闭包，直到有人这样向我解释它...

    摘要: 理解JS闭包. 原文:我从来不理解JavaScript闭包,直到有人这样向我解释它... 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 正如标题所述,JavaScript闭包 ...