加入星計劃,您可以享受以下權(quán)益:

  • 創(chuàng)作內(nèi)容快速變現(xiàn)
  • 行業(yè)影響力擴散
  • 作品版權(quán)保護
  • 300W+ 專業(yè)用戶
  • 1.5W+ 優(yōu)質(zhì)創(chuàng)作者
  • 5000+ 長期合作伙伴
立即加入
  • 正文
    • web服務(wù)器——boa
    • boa交叉編譯
    •  
    • boa配置
  • 相關(guān)推薦
  • 電子產(chǎn)業(yè)圖譜
申請入駐 產(chǎn)業(yè)圖譜

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

2021/07/30
299
閱讀需 13 分鐘
加入交流群
掃碼加入
獲取工程師必備禮包
參與熱點資訊討論

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

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

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

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

web服務(wù)器——boa

本文演示如何把boa移植到開發(fā)板上,boa 是一個小巧的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)境:實用 | 如何遠程登錄開發(fā)板?。

boa交叉編譯

下載得到boa-0.94.13.tar.gz,解壓后進入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編譯。編譯報錯如:

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)郵件擴展),這是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配置文件需要修改的幾點內(nèi)容。

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

<html>
 <head>
  <title>
  boa服務(wù)器測試
  </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;">本公眾號專注于嵌入式技術(shù),包括但不限于C/C++、嵌入式、物聯(lián)網(wǎng)、Linux。</p>
 </body>
</html>

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

下面進行簡單的測試:

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

輸入 如下命令查看boa程序是否啟動成功:

ps - e | grep "boa"

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

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

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

相關(guān)推薦

電子產(chǎn)業(yè)圖譜

本公眾號專注于嵌入式技術(shù),包括但不限于C/C++、嵌入式、物聯(lián)網(wǎng)、Linux等編程學(xué)習(xí)筆記,同時,公眾號內(nèi)包含大量的學(xué)習(xí)資源。歡迎關(guān)注,一同交流學(xué)習(xí),共同進步!