實(shí)用 | 10分鐘教你搭建一個(gè)嵌入式web服務(wù)器

關(guān)注「嵌入式大雜燴」，選擇「星標(biāo)公眾號」一起進(jìn)步！

大家好，我是ZhengN，本次來教大家在10分鐘內(nèi)使用開發(fā)板搭建一個(gè)web服務(wù)器。

之前分享的文章：常見的嵌入式web服務(wù)器有哪些？中分享了幾種可以在嵌入式中使用的web服務(wù)器。

嵌入式 web 服務(wù)器就是把 web 服務(wù)器移植到嵌入式系統(tǒng)的服務(wù)器。它仍然是基于http文本協(xié)議進(jìn)行通信的，具有標(biāo)準(zhǔn)的接口形式，對客戶端來說，訪問嵌入式 web服務(wù)器就和訪問普通的web 服務(wù)一樣。

我們在實(shí)際工作中也有在板子上搭建web服務(wù)器，給我們調(diào)試帶來了一些便利，可以通過網(wǎng)頁與板子進(jìn)行交互，板子在沒有顯示屏的情況下，也可以作為一種方案來進(jìn)行功能展示。

web服務(wù)器——boa

本文演示如何把boa移植到開發(fā)板上，boa 是一個(gè)小巧的web 服務(wù)器，可執(zhí)行代碼只有70KB，占用的系統(tǒng)資源少，速度快安全性能高。

boa官網(wǎng)：

?www.boa.org

?

下載的版本：

?boa-0.94.13.tar.gz

?

本片文章關(guān)于web服務(wù)器地使用需要依賴于網(wǎng)絡(luò)，可以參考我們上一篇筆記搭建開發(fā)板地WiFi環(huán)境：實(shí)用 | 如何遠(yuǎn)程登錄開發(fā)板？。

boa交叉編譯

下載得到boa-0.94.13.tar.gz，解壓后進(jìn)入boa-0.94.13/src目錄，執(zhí)行如下命令生成Makefile文件：

./configure
修改 Makefile， 設(shè)置交叉編譯器 。找到 CC 和 CPP 變量 ，修改為：

CC?=?arm-linux-gnueabihf-gcc?
CPP?=?arm-linux-gnueabihf-gcc?-E
執(zhí)行make編譯。編譯報(bào)錯(cuò)如：

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
??????????????????????????????^~~
<內(nèi)置>:?recipe?for?target?'util.o'?failed
把compat.h ?文件里的：

#define?TIMEZONE_OFFSET(foo)?foo##->tm_gmtoff?
修改為：

#define?TIMEZONE_OFFSET(foo)?foo->tm_gmtoff?
再次編譯，可以編譯通過則會在當(dāng)前路徑下生成boa可執(zhí)行文件：

boa配置

把Ubuntu 的/etc 目錄下的 mime.types 文件傳到開發(fā)板的/etc目錄下。注：這是MIME（多用途因特網(wǎng)郵件擴(kuò)展），這是web服務(wù)器支持的規(guī)范。

在開發(fā)板/etc目錄下創(chuàng)建boa文件夾（用于存放boa的配置文件及l(fā)og文件）：

cd?/etc
mkdir?boa
在開發(fā)板根目錄下建立 www 文件夾 ?，www 目錄下面建立文件夾 cgi-bin 目錄 （用于存放后期頁面及交互代碼）：

mkdir?-p?/www/cgi-bin
把boa-0.94.13目錄下的boa.conf 文件傳到開發(fā)板的/etc/boa目錄下。

scp?boa.conf?root@192.168.1.10:/etc/boa
把boa 可執(zhí)行程序傳到開發(fā)板的 bin 目錄下 。

scp?boa?root@192.168.1.10:/bin
在開發(fā)板/etc目錄下創(chuàng)建group文件：

cd?/etc
touch?group
在開發(fā)板上使用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配置文件需要修改的幾點(diǎn)內(nèi)容。

最后，進(jìn)入我們前面創(chuàng)建的 www 目錄， 然后使用 vi index.html 命令建立 index.html 網(wǎng)頁文件進(jìn)行測試，關(guān)于簡單網(wǎng)頁的設(shè)計(jì)大家可以上網(wǎng)搜一些教程。這里我們設(shè)計(jì)一個(gè)簡單的網(wǎng)頁如：

?
??
?
?"background-color:#000000;padding-left:300px;?padding-top:100px;">
??"color:white;?text-align:left;?width:190px;?height:45px;?font-size:30px;?font-family:微軟雅黑;?padding-left:5px;">嵌入式大雜燴

??"color:red;?font-size:20px;?font-family:微軟雅黑;">ZhengN

??"color:yellow;?font-size:20px;?font-family:微軟雅黑;?text-align:left;">本公眾號專注于嵌入式技術(shù)，包括但不限于C/C 、嵌入式、物聯(lián)網(wǎng)、Linux。

?

保存并退出 index.html。到了這一步我們的web服務(wù)器就大致搭建完成了，服務(wù)器上有一個(gè)簡單的網(wǎng)頁文件index.html。

下面進(jìn)行簡單的測試：

在我們的開發(fā)板上輸入boa 命令啟動(dòng) web 服務(wù)器 。

輸入 如下命令查看boa程序是否啟動(dòng)成功：

ps?-?e?|?grep?"boa"


boa 進(jìn)程啟動(dòng)成功后，在瀏覽器中輸入我們開發(fā)板的 IP 地址就可以訪問到 index.html 網(wǎng)頁：

可見，我們可以通過瀏覽器訪問我們使用開發(fā)板搭建的web服務(wù)器上的網(wǎng)頁，表明我們已經(jīng)成功在開發(fā)板搭建了基于boa的web服務(wù)器。

本文只是簡單地演示打通開發(fā)板web服務(wù)器環(huán)境并設(shè)計(jì)了一個(gè)簡單地網(wǎng)頁，后續(xù)我們再繼續(xù)來探究如何通過網(wǎng)頁來與我們地開發(fā)板進(jìn)行交互，如：通過網(wǎng)頁點(diǎn)亮開發(fā)板上地led、把開發(fā)板上地一些數(shù)據(jù)傳到網(wǎng)頁上進(jìn)行顯示等內(nèi)容。