開(kāi)發(fā)環(huán)境：

主機(jī)：Ubuntu16.04

Openwrt：Openwrt19.07

1 LuCI介紹

LuCI作為“FFLuCI”誕生于2008年3月份，目的是為OpenWrt固件從Whiterussian到Kamikaze實(shí)現(xiàn)快速配置接口。Lua是一個(gè)小巧的腳本語(yǔ)言，很容易嵌入其它語(yǔ)言。輕量級(jí)LUA語(yǔ)言的官方版本只包括一個(gè)精簡(jiǎn)的核心和最基本的庫(kù)。這使得LUA體積小、啟動(dòng)速度快，從而適合嵌入在別的程序里。UCI是OpenWrt中為實(shí)現(xiàn)所有系統(tǒng)配置的一個(gè)統(tǒng)一接口，英文名UnifiedConfigurationInterface，即統(tǒng)一配置接口。LuCI,即是這兩個(gè)項(xiàng)目的合體，可以實(shí)現(xiàn)路由的網(wǎng)頁(yè)配置界面。

最初開(kāi)發(fā)這個(gè)項(xiàng)目的原因是沒(méi)有一個(gè)應(yīng)用于嵌入式的免費(fèi)，干凈，可擴(kuò)展以及維護(hù)簡(jiǎn)單的網(wǎng)頁(yè)用戶界面接口。大部分相似的配置接口太依賴于大量的Shell腳本語(yǔ)言的應(yīng)用，但是LuCi使用的是Lua編程語(yǔ)言，并將接口分為邏輯部分，如模板和視圖。LuCI使用的是面向?qū)ο蟮膸?kù)和模板，確保了高效的執(zhí)行，輕量的安裝體積，更快的執(zhí)行速度以及最重要的一個(gè)特性————更好的可維護(hù)性。

與此同時(shí)，LuCI從MVC-Webframework衍生出一個(gè)包含了很多庫(kù)、程序以及Lua程序用戶接口的集合，但是LuCI仍然專注于實(shí)現(xiàn)網(wǎng)頁(yè)用戶界面并成為OpenWrtKamikaze官方的一份子。

LuCI是一個(gè)開(kāi)放源碼的獨(dú)立項(xiàng)目，歡迎任何人的加入。

2 添加Web界面

要給自己的開(kāi)發(fā)板添加上Web界面，只需要在OpenWrt源碼中，將LuCI配置進(jìn)去即可。首先進(jìn)入OpenWrt源碼頂層目錄，然后運(yùn)行make menuconfig命令。

$ make menuconfig

然后在彈出的配置界面中，配置Luci。

LuCI  --- >
	1. Collections  --- >
		< * > luci

圖1

要想中文支持，配置如下。

LuCI --- >
Modules --- >
Translations --- >
< * >English (en)
< * >Chinese (zh-cn)

圖2

這樣，我們就將Web界面給配置進(jìn)系統(tǒng)了，接下來(lái)就是編譯了。

$ make V=99

編譯完成后，將新的固件燒寫到開(kāi)發(fā)板上面，就能通過(guò)瀏覽器訪問(wèn)Web界面了。由于前面章節(jié)中，我們將開(kāi)發(fā)板的IP設(shè)置成了192.168.0.10，因此，我們需要將電腦的有線網(wǎng)卡的IP配置為同一個(gè)網(wǎng)段，我這里就設(shè)置成了192.168.0.100，如圖3所示。

圖3設(shè)置有線網(wǎng)卡IP

接下來(lái)將用網(wǎng)線將開(kāi)發(fā)板和電腦的網(wǎng)口進(jìn)行連接，一定要接開(kāi)發(fā)板的LAN口哦。然后就是打開(kāi)瀏覽器，然后在地址欄中輸入192.168.0.10，便會(huì)看到如下界面了。

注意：如果電腦和開(kāi)發(fā)板同時(shí)連接路由器，則直接在地址欄輸入192.168.0.10，也能看到如下內(nèi)容。

圖4成功進(jìn)入Web界面

3 設(shè)置登錄密碼

在上一節(jié)中，我們雖然能成功進(jìn)入Web界面了。但是界面上總是提示我們“未設(shè)置密碼！”，那么我們?cè)趺磥?lái)設(shè)置這個(gè)密碼呢？

在開(kāi)發(fā)板上面使用passwd命令來(lái)設(shè)置密碼，具體操作如下。

圖5

首先輸入passwd命令，然后輸入密碼，再重復(fù)輸入一次密碼。這樣，我們的密碼就設(shè)置成功了。再次登錄Web界面，就會(huì)出現(xiàn)如圖6所示界面。

圖6

此時(shí)，“未設(shè)置密碼！”的提示已經(jīng)消失。這樣，我們只需要輸入正確的密碼，就可以登錄進(jìn)去了。

4 Web界面簡(jiǎn)單使用

在圖7所示的界面中，輸入正確的密碼后，點(diǎn)登錄。就能進(jìn)入如下界面了。

圖7

看到這里也許很多英語(yǔ)較差的朋友會(huì)問(wèn)可以將界面設(shè)置為中文嗎？當(dāng)然可以啦！在登錄的情況下，進(jìn)行如下設(shè)置：

圖8

圖9

圖10

好了，重新登錄就可以了，就像圖4所示。在后文為了方便所有的朋友更好學(xué)習(xí)Openwrt,筆者就用中文的頁(yè)面了。

審核編輯：湯梓紅