任務目標:為小米路由WEB管理首頁添加CPU溫度顯示(如下圖)
beb6b784a2561f058eb9ffa053cfc725.jpg (20.61 KB, 下載次數: 27)
下載附件
保存到相冊
2016-12-20 08:23 上傳
支持平臺:R1D(初代大路由)、R2D(二代大路由) 使用工具:WINSCP
所需基礎:windows基本操作 MP插件群:162049771
前言: 小米路由,從出身那天起就沒有離開“極客”這兩個字。然而尷尬的是,抱怨之聲在論壇、Q群等各處此起彼伏,諸如“真垃圾,連個XX功能都沒有”、“垃圾!根本不好用”、“早知不買了,幾年不出一個新插件”等等。也不知道是小米宣傳時定位模糊還是消費者自我定位錯誤。最終,一款“極客”性質的產品成了普通小白的消費品,那么抱怨之聲自然而然的就來了。
然而真正的“極客”們是不該抱怨的,小米路由作為一款基于開源項目openwrt系統(tǒng)的產品,在軟件擴展性方面是足夠優(yōu)秀的。不支持usb打???“極客”可以編譯相關模塊來添加相關功能;廣告過濾插件形同虛設?“極客”可以添加新的模塊,甚至修改原有的模塊來加強。與其等別人開發(fā)出功能,不如自己動手,這才是“極客”。還有,不要讓人家用某路由的看不起用小米路由的,他們有“大神”幫忙開發(fā)插件?我希望小米路由論壇以后到處都是“大神”。
今天的教程會涉及到一些令人看不懂的代碼,不過請放心,就算沒有任何編寫代碼的基礎,只要照著做就可以實現,之后好人會給出此功能的獨立安裝命令。
一、備份原文件(非常重要) 1.1 打開winscp,使用控制臺逐條運行以下命令并: mkdir -p /etc/backup cp /usr/lib/lua/luci/controller/api/misystem.lua /etc/backup/ cp /usr/lib/lua/xiaoqiang/util/XQSysUtil.lua /etc/backup/ cp /usr/lib/lua/luci/view/web/*index.htm /etc/backup/
487cb3d375a7516a63753d66c3d14152.jpg (69.29 KB, 下載次數: 33)
下載附件
保存到相冊
2016-12-20 08:23 上傳
0c35da16fd35c969e2b4a5c84a57d553.jpg (38.55 KB, 下載次數: 27)
下載附件
保存到相冊
2016-12-20 08:23 上傳
8e1175b4ce04d824f097226d7010df83.jpg (43.68 KB, 下載次數: 24)
下載附件
保存到相冊
2016-12-20 08:23 上傳
至此,原始文件就備份好了。備份的原始文件在/etc/backup/里面。
二、打開系統(tǒng)區(qū)域讀寫 2.1 winscp控制臺中運行如下命令 mount -o remount rw /
9217ec23dddc909fb3811661153d04d2.jpg (33.54 KB, 下載次數: 31)
下載附件
保存到相冊
2016-12-20 08:23 上傳
此條命令作用便是掛載路由根目錄為讀寫。 完成操作后,關閉winscp控制臺。
三、修改web頁面,給“CPU溫度顯示”做個“地基” 3.1 修改index.htm和apidex.htm 3.1.1 index.htm和apindex.htm這兩個文件位于/usr/lib/lua/luci/view/web 使用winscp找到文件,先修改index.htm
155fdd8ac1815fa714be911c5a4a9bf8.jpg (82.81 KB, 下載次數: 29)
下載附件
保存到相冊
2016-12-20 08:23 上傳
3.1.2右鍵點擊index.htm,選擇編織>內部編輯器
171c6da6388b4ca0dcbc762f4c340934.jpg (100.05 KB, 下載次數: 30)
下載附件
保存到相冊
2016-12-20 08:23 上傳
5772be9b12e7b7ab526069592450bb68.jpg (126.32 KB, 下載次數: 27)
下載附件
保存到相冊
2016-12-20 08:23 上傳
3.2 修改index.htm 3.2.1在文本編輯窗口中使用熱鍵ctrl+f加關鍵字“id="cpuhz"”找到相關代碼段
8617d2bbc29366fef2c16f8e7a5c8a8b.jpg (92.9 KB, 下載次數: 28)
下載附件
保存到相冊
2016-12-20 08:23 上傳
3.2.2 在其下一行插入如下代碼:
12fc505116278fcfc2f45264e1f56c73.jpg (4.33 KB, 下載次數: 25)
下載附件
保存到相冊
2016-12-20 08:23 上傳
代碼無法在論壇顯示,只能用圖片代替,大家可以復制文本里上面一段然后修改一下
36b01bf7d58e716caac99b24a51560e9.jpg (83.63 KB, 下載次數: 26)
下載附件
保存到相冊
2016-12-20 08:23 上傳
3.2.3 ctrl+f熱鍵搜“#cpuhz”
268edde56eac0591b488c6105f9a0cc4.jpg (112.64 KB, 下載次數: 27)
下載附件
保存到相冊
2016-12-20 08:23 上傳
3.2.4 在下一行插入以下代碼: $('#cputmp').text( data.tmp );
3703b910293b93e4094e8773c09ef05c.jpg (103.07 KB, 下載次數: 21)
下載附件
保存到相冊
2016-12-20 08:23 上傳
3.2.5 修改完畢。熱鍵ctrl+s保存修改,關閉文本編輯器。
3.3 如法炮制,修改apindex.htm 3.3.1 在文本編輯窗口中使用熱鍵ctrl+f加關鍵字“id="cpuhz"”找到相關代碼段
09bd3eaa01329b8454a9e6cc5e6ed5b3.jpg (57.08 KB, 下載次數: 33)
下載附件
保存到相冊
2016-12-20 08:23 上傳
3.3.2 在此行最后一個后插入以下代碼:
3a96af05f2fc06e6c9862820a3393e3b.jpg (4.2 KB, 下載次數: 28)
下載附件
保存到相冊
2016-12-20 08:23 上傳
以上為圖片形式,大家可以復制前面的文本替換幾個不同的字符
12840ee0bb8c27c59ae80e13c57dec3c.jpg (46.52 KB, 下載次數: 24)
下載附件
保存到相冊
2016-12-20 08:23 上傳
3.3.3 ctrl+f熱鍵搜“#cpuhz”
d308620cdccdb34f6c2aa5bab745e518.jpg (105.3 KB, 下載次數: 24)
下載附件
保存到相冊
2016-12-20 08:23 上傳
3.3.4 在此行下面添加代碼: $('#cputmp').text( data.tmp );
b3e12cae705baecb4542f49b30796790.jpg (103.27 KB, 下載次數: 31)
下載附件
保存到相冊
2016-12-20 08:23 上傳
3.3.5 修改完畢。熱鍵ctrl+s保存修改,關閉文本編輯器。
3.4至此我們已經為“CPU溫度顯示”在web頁面做好了“地基”,刷新我們的web管理首頁已經能看到了。
0b038191f18dca30d22e465cf9d57b57.jpg (16.14 KB, 下載次數: 29)
下載附件
保存到相冊
2016-12-20 08:23 上傳
只是溫度這里現在還沒有數據顯示。因為我們還沒有做好“三通一平”啊!。
四、修改小米官方API,為“CPU溫度顯示”做好“三通一平” 4.1 修改misystem.lua文件 4.1.1 找到位于/usr/lib/lua/luci/controller/api的misystem.lua文件
d8ece5ddd87ff8e21a30c3925e94e919.jpg (87.98 KB, 下載次數: 30)
下載附件
保存到相冊
2016-12-20 08:23 上傳
4.1.2 右鍵該文件選擇內部編輯器打開
c0a3d2a0967714b3274aac8bf44a137a.jpg (175.6 KB, 下載次數: 30)
下載附件
保存到相冊
2016-12-20 08:23 上傳
4.1.3 熱鍵ctrl+f搜索“["core"]”,找到如下圖中的代碼段
3432017c243f6740b8ccfeac5f76449c.jpg (119.93 KB, 下載次數: 28)
下載附件
保存到相冊
2016-12-20 08:23 上傳
4.1.4 在下面一行插入如下代碼: ["tmp"] = sys.tmp,
3023f9d267362419c2bc097e97f976ea.jpg (107.29 KB, 下載次數: 30)
下載附件
保存到相冊
2016-12-20 08:23 上傳
4.1.5 修改完畢。熱鍵ctrl+s保存修改,關閉文本編輯器。
4.2 修改XQSysUtil.lua文件 4.2.1 找到位于/usr/lib/lua/xiaoqiang/util的XQSysUtil.lua文件
156ab4eda5db77932efa6abac2f929db.jpg (86.78 KB, 下載次數: 30)
下載附件
保存到相冊
2016-12-20 08:23 上傳
4.2.2 右鍵該文件選擇內部編輯器打開
c67ca26ea0ee452c1d22ec5f68ac856f.jpg (175.63 KB, 下載次數: 33)
下載附件
保存到相冊
2016-12-20 08:23 上傳
4.2.3 熱鍵ctrl+f搜索“sysInfo["system"]”,找到如下圖中的代碼段
aecf4769e11b5900c181a7f8ad0984cc.jpg (89.86 KB, 下載次數: 25)
下載附件
保存到相冊
2016-12-20 08:23 上傳
4.2.4 在上面一行插入如下代碼: sysInfo["tmp"] = LuciUtil.exec([[cat /proc/dmu/temperature|awk '/CPU/{print substr($4,1,length($4)-2)"℃"}']])
99084d18a501f340cb8c1989c35b8656.jpg (84.5 KB, 下載次數: 25)
下載附件
保存到相冊
2016-12-20 08:23 上傳
4.2.5 修改完畢。熱鍵ctrl+s保存修改,關閉文本編輯器。
4.6 至此,此“三通一平”工作已經全部完成。
五、生效及恢復
打開winscp控制臺,逐條運行以下命令: rm -rf /tmp/luci-modulecache mount -o remount ro / 現在刷新web管理首頁已經可以看到cpu核心溫度了! 其實整個修改過程非常簡單,難點在于不要做錯任何一步,任何一步出了問題都可能失敗,失敗有可能會在登錄web管理后出現500錯誤。這時請使用一開始就讓大家備份的文件恢復?;謴兔睿?/p> cp -rf /etc/backup/misystem.lua /usr/lib/lua/luci/controller/api/ cp -rf /etc/backup/XQSysUtil.lua /usr/lib/lua/xiaoqiang/util/ cp -rf /etc/backup/*index.htm /usr/lib/lua/luci/view/web/ 推薦大家安裝當貝市場,然后從當貝市場里面一鍵下載軟件,方便又省事。
230548dpeo4eeaaeu0gde9.png (524.04 KB, 下載次數: 24)
下載附件
保存到相冊
2016-12-20 08:24 上傳
注:本帖轉自網絡,版權歸原作者所有! |