Openwrt开发指南 第7章 添加Web界面

描述

开发环境:

主机:Ubuntu16.04

Openwrt:Openwrt19.07

1 LuCI介绍

LuCI作为“FFLuCI”诞生于2008年3月份,目的是为OpenWrt固件从Whiterussian到Kamikaze实现快速配置接口。Lua是一个小巧的脚本语言,很容易嵌入其它语言。轻量级LUA语言的官方版本只包括一个精简的核心和最基本的库。这使得LUA体积小、启动速度快,从而适合嵌入在别的程序里。UCI是OpenWrt中为实现所有系统配置的一个统一接口,英文名UnifiedConfigurationInterface,即统一配置接口。LuCI,即是这两个项目的合体,可以实现路由的网页配置界面。

最初开发这个项目的原因是没有一个应用于嵌入式的免费,干净,可扩展以及维护简单的网页用户界面接口。大部分相似的配置接口太依赖于大量的Shell脚本语言的应用,但是LuCi使用的是Lua编程语言,并将接口分为逻辑部分,如模板和视图。LuCI使用的是面向对象的库和模板,确保了高效的执行,轻量的安装体积,更快的执行速度以及最重要的一个特性————更好的可维护性。

与此同时,LuCI从MVC-Webframework衍生出一个包含了很多库、程序以及Lua程序用户接口的集合,但是LuCI仍然专注于实现网页用户界面并成为OpenWrtKamikaze官方的一份子。

LuCI是一个开放源码的独立项目,欢迎任何人的加入。

2 添加Web界面

要给自己的开发板添加上Web界面,只需要在OpenWrt源码中,将LuCI配置进去即可。首先进入OpenWrt源码顶层目录,然后运行make menuconfig命令。

$ make menuconfig

然后在弹出的配置界面中,配置Luci。

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

Ubuntu

图1

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

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

Ubuntu

图2

这样,我们就将Web界面给配置进系统了,接下来就是编译了。

$ make V=99

编译完成后,将新的固件烧写到开发板上面,就能通过浏览器访问Web界面了。由于前面章节中,我们将开发板的IP设置成了192.168.0.10,因此,我们需要将电脑的有线网卡的IP配置为同一个网段,我这里就设置成了192.168.0.100,如图3所示。

Ubuntu

图3设置有线网卡IP

接下来将用网线将开发板和电脑的网口进行连接,一定要接开发板的LAN口哦。然后就是打开浏览器,然后在地址栏中输入192.168.0.10,便会看到如下界面了。

注意:如果电脑和开发板同时连接路由器,则直接在地址栏输入192.168.0.10,也能看到如下内容。

Ubuntu

图4成功进入Web界面

3 设置登录密码

在上一节中,我们虽然能成功进入Web界面了。但是界面上总是提示我们“未设置密码!”,那么我们怎么来设置这个密码呢?

在开发板上面使用passwd命令来设置密码,具体操作如下。

Ubuntu

图5

首先输入passwd命令,然后输入密码,再重复输入一次密码。这样,我们的密码就设置成功了。再次登录Web界面,就会出现如图6所示界面。

Ubuntu

图6

此时,“未设置密码!”的提示已经消失。这样,我们只需要输入正确的密码,就可以登录进去了。

4 Web界面简单使用

在图7所示的界面中,输入正确的密码后,点登录。就能进入如下界面了。

Ubuntu

图7

看到这里也许很多英语较差的朋友会问可以将界面设置为中文吗?当然可以啦!在登录的情况下,进行如下设置:

Ubuntu

图8

Ubuntu

图9

Ubuntu

图10

好了,重新登录就可以了,就像图4所示。在后文为了方便所有的朋友更好学习Openwrt,笔者就用中文的页面了。
 
 审核编辑:汤梓红

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分