实用 | 10分钟教你搭建一个嵌入式web服务器
zhezhongyun 2025-10-02 11:26 6 浏览
之前分享的文章中提到了几种可以在嵌入式中使用的web服务器。 嵌入式 web 服务器就是把 web 服务器移植到嵌入式系统的服务器。它仍然是基于http文本协议进行通信的,具有标准的接口形式,对客户端来说,访问嵌入式 web服务器就和访问普通的web 服务一样。
我们在实际工作中也有在板子上搭建web服务器,给我们调试带来了一些便利,可以通过网页与板子进行交互,板子在没有显示屏的情况下,也可以作为一种方案来进行功能展示。
web服务器——boa
本文演示如何把boa移植到开发板上,boa 是一个小巧的web 服务器,可执行代码只有70KB,占用的系统资源少,速度快安全性能高。
boa官网:
www.boa.org
下载的版本:
boa-0.94.13.tar.gz
本片文章关于web服务器的使用需要依赖于网络,可以参考我们上一篇笔记搭建开发板地WiFi环境:实用 | 如何远程登录开发板?。
boa交叉编译
下载得到boa-0.94.13.tar.gz,解压后进入boa-0.94.13/src目录,执行如下命令生成Makefile文件:
./configure
修改 Makefile, 设置交叉编译器 。找到 CC 和 CPP 变量 ,修改为:
CC = arm-linux-gnueabihf-gcc
CPP = arm-linux-gnueabihf-gcc -E
执行make编译。编译报错如:
arm-linux-gnueabihf-gcc -g -O2 -pipe -Wall -I. -c -o response.o response.c
arm-linux-gnueabihf-gcc -g -O2 -pipe -Wall -I. -c -o select.o select.c
arm-linux-gnueabihf-gcc -g -O2 -pipe -Wall -I. -c -o signals.o signals.c
arm-linux-gnueabihf-gcc -g -O2 -pipe -Wall -I. -c -o util.o util.c
In file included from boa.h:50:0,
from util.c:26:
util.c: In function 'get_commonlog_time':
util.c:100:39: error: pasting "t" and "->" does not give a valid preprocessing token
time_offset = TIMEZONE_OFFSET(t);
^
compat.h:120:30: note: in definition of macro 'TIMEZONE_OFFSET'
#define TIMEZONE_OFFSET(foo) foo##->tm_gmtoff
^~~
<内置>: recipe for target 'util.o' failed
把compat.h 文件里的:
#define TIMEZONE_OFFSET(foo) foo##->tm_gmtoff
修改为:
#define TIMEZONE_OFFSET(foo) foo->tm_gmtoff
再次编译,可以编译通过则会在当前路径下生成boa可执行文件:
boa配置
把Ubuntu 的/etc 目录下的 mime.types 文件传到开发板的/etc目录下。注:这是MIME(多用途因特网邮件扩展),这是web服务器支持的规范。
在开发板/etc目录下创建boa文件夹(用于存放boa的配置文件及log文件):
cd /etc
mkdir boa
在开发板根目录下建立 www 文件夹 ,www 目录下面建立文件夹 cgi-bin 目录 (用于存放后期页面及交互代码):
mkdir -p /www/cgi-bin
把boa-0.94.13目录下的boa.conf 文件传到开发板的/etc/boa目录下。
scp boa.conf root@192.168.1.10:/etc/boa
把boa 可执行程序传到开发板的 bin 目录下 。
scp boa root@192.168.1.10:/bin
在开发板/etc目录下创建group文件:
cd /etc
touch group
在开发板上使用vi编辑器打开/etc/boa目录下的boa.conf文件,需要做如下修改:
① 把里面的Group nogroup 改为Group 0 。
②把ErrorLog 和 AccessLog 这两行, 指定 log 文件的路径,把log保存到/etc/boa目录下,修改如下:
ErrorLog /etc/boa/error_log
# Please NOTE: Sending the logs to a pipe ('|'), as shown below,
# is somewhat experimental and might fail under heavy load.
# "Usual libc implementations of printf will stall the whole
# process if the receiving end of a pipe stops reading."
#ErrorLog "|/usr/sbin/cronolog --symlink=/var/log/boa/error_log /var/log/boa/error-%Y%m%d.log"
# AccessLog: The location of the access log file. If this does not
# start with /, it is considered relative to the server root.
# Comment out or set to /dev/null (less effective) to disable
# Access logging.
AccessLog /etc/boa/access_log
③ 把#ServerName www.your.org.here这一行, 修改为ServerName www.your.org.here:
# ServerName: the name of this server that should be sent back to
# clients if different than that returned by gethostname + gethostbyname
ServerName www.your.org.here
④ 然后找到DocumentRoot /var/www这一行, 修改为DocumentRoot /www:
DocumentRoot /www
⑤ 然后找到ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/这一行, 修改为ScriptAlias /cgi-bin/ /www/cgi-bin/:
ScriptAlias /cgi-bin/ /www/cgi-bin/
上面就是boa.conf配置文件需要修改的几点内容。
最后,进入我们前面创建的 www 目录, 然后使用 vi index.html 命令建立 index.html 网页文件进行测试,关于简单网页的设计大家可以上网搜一些教程。这里我们设计一个简单的网页如:
<html>
<head>
<title>
boa服务器测试
</title>
</head>
<body style="background-color:#000000;padding-left:300px; padding-top:100px;">
<p style="color:white; text-align:left; width:190px; height:45px; font-size:30px; font-family:微软雅黑; padding-left:5px;">嵌入式大杂烩</p>
<p style="color:red; font-size:20px; font-family:微软雅黑;">ZhengN</p>
<p style="color:yellow; font-size:20px; font-family:微软雅黑; text-align:left;">本公众号专注于嵌入式技术,包括但不限于C/C++、嵌入式、物联网、Linux。</p>
</body>
</html>
保存并退出 index.html。到了这一步我们的web服务器就大致搭建完成了,服务器上有一个简单的网页文件index.html。
下面进行简单的测试:
在我们的开发板上输入boa 命令启动 web 服务器 。
输入 如下命令查看boa程序是否启动成功:
ps - e | grep "boa"
boa 进程启动成功后,在浏览器中输入我们开发板的 IP 地址就可以访问到 index.html 网页:
可见,我们可以通过浏览器访问我们使用开发板搭建的web服务器上的网页,表明我们已经成功在开发板搭建了基于boa的web服务器。
本文只是简单地演示打通开发板web服务器环境并设计了一个简单地网页,后续我们再继续来探究如何通过网页来与我们的开发板进行交互,如:通过网页点亮开发板上地led、把开发板上地一些数据传到网页上进行显示等内容。
猜你喜欢:
1024G 嵌入式资源大放送!包括但不限于C/C++、单片机、Linux等。私信回复1024,即可免费获取!
相关推荐
- Opinion丨Struggle Against U.S. Mind colonization in the Global South
-
Editor'snote:Thismonth,XinhuaNewsAgency'sThinkTankreleasedareporttitled"Colonizationof...
- 爱可可AI论文推介(2020.11.4)_爱可可女装旗舰店
-
LG-机器学习CV-计算机视觉CL-计算与语言AS-音频与语音RO-机器人(*表示值得重点关注)1、[LG]*CombiningLabelPropagationan...
- 何新:罗马伪史考英文版序言_罗马史学
-
2019-10-2514:48:27何新:罗马伪史考序言(英文译本)HeXin:PreambleofResearchonPseudo-historyofRome1Afewyear...
- XPeng Stock Rises Over 4% after Q2 Revenue and EV Margin Set Records
-
TMTPOST--TheAmericandepositaryreceipts(ADRs)ofXPengInc.rosearound4.2%onTuesdayaftert...
- 英汉世界语部首(八)_英文部首字典
-
本节讲八个部首,分别是:弓gōng【ECWLrad】bow廾gǒng【ECWLrad】twen广guǎng【ECWLrad】vast己jǐ【ECWLrad】self已yǐ...
- 一课译词:划水_划水是什么地方的方言
-
[Photo/SIPA]懒惰是人类的天性,因此才总有人会在工作时“划水”。“划水【huáshuǐ】”,本意是指“用胳膊划的动作(makestrokeswithone’sarms)”,延伸为“...
- 首测!GPT-4o做Code Review可行吗?
-
编辑|言征出品|51CTO技术栈(微信号:blog51cto)近日,OpenAI一记重拳,推出了GPT-4o(“o”表示“omni”),将语音识别和对话方面的优势展示的淋漓尽致。几乎可以肯定,...
- C++|漫谈STL细节及内部原理_c++ stl详解
-
1988年,AlexanderStepanov开始进入惠普的PaloAlto实验室工作,在随后的4年中,他从事的是有关磁盘驱动器方面的工作。直到1992年,由于参加并主持了实验室主任BillWo...
- C++ inline关键字深度解析:不止于优化的头文件定义许可
-
在C++开发中,几乎每个程序员都用过inline关键字,但多数人只停留在“内联优化”的表层理解。事实上,inline的真正威力在于它打破了C++的单一定义规则(ODR)限制,成为头文件中安全定义函数的...
- 实用 | 10分钟教你搭建一个嵌入式web服务器
-
之前分享的文章中提到了几种可以在嵌入式中使用的web服务器。嵌入式web服务器就是把web服务器移植到嵌入式系统的服务器。它仍然是基于http文本协议进行通信的,具有标准的接口形式,对客户端...
- 中间语言格式_中间格式文本是什么
-
在通常情况下,编译器会将目标语言转换成某种中间语言格式,而不是直接将源代码转换成二进制机器指令,不少c语言编译器,都会将代码编译成汇编语言,然后再通过汇编语言编译器将汇编代码转换成目标机器可执行的二进...
- 一线开发大牛带你深度解析探讨模板解释器,解释器的生成
-
解释器生成解释器的机器代码片段都是在TemplateInterpreterGenerator::generate_all()中生成的,下面将分小节详细展示该函数的具体细节,以及解释器某个组件的机器代码...
- 干货,Web开发和前端开发逆天工具大全
-
微信ID:WEB_wysj(点击关注)◎◎◎◎◎◎◎◎◎一┳═┻︻▄(点击页底“阅读原文”前往下载)●●●逆天工具CDN资源库国内Bootstrap中文网开源项目免费CDN服务36...
- 移动端rem+vw适配_移动端web页面适配方案
-
rem:rem是相对单位,设置根元素html的font-size,比如给html设置字体大小为100px,1rem=100px;rem缺点:1.和根元素font-size值强耦合,系统字...
- 从零搭建 React 开发 H5 模板_react html5
-
项目创建创建项目文件夹mkdir react-democd react-demonpm init -y依赖安装yarn add rea...
- 一周热门
- 最近发表
-
- Opinion丨Struggle Against U.S. Mind colonization in the Global South
- 爱可可AI论文推介(2020.11.4)_爱可可女装旗舰店
- 何新:罗马伪史考英文版序言_罗马史学
- XPeng Stock Rises Over 4% after Q2 Revenue and EV Margin Set Records
- 英汉世界语部首(八)_英文部首字典
- 一课译词:划水_划水是什么地方的方言
- 首测!GPT-4o做Code Review可行吗?
- C++|漫谈STL细节及内部原理_c++ stl详解
- C++ inline关键字深度解析:不止于优化的头文件定义许可
- 实用 | 10分钟教你搭建一个嵌入式web服务器
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法:GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- HTML button formtarget 属性 (30)
- opacity 属性 (32)
- transition 属性 (33)