奧推網

選單
科技

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

作者:我是阿皮啊-

開篇碎碎念

首先說明本期主題:在Docker、群暉、威聯通、綠聯NAS上搭建Flare個人導航頁,在NAS中部署再多應用和容器也不怕記不住啦,有了個人導航頁,一鍵直達容器和應用!

NAS如今走進千家萬戶,相信不少朋友已經玩上了NAS,NAS最基礎的功能就是儲存資料,近幾年,利益於處理器效能提升,僅用於儲存資料的話就有點大材小用了,所以有的朋友在NAS上玩虛擬機器、部署Docker等應用也是家常便飯了。

相信各位小夥伴或多或少都在NAS中部署了各種各樣的服務和容器,像我,我就在Docker中部署了不少服務,有如下:

NAS Tools、Jellyfin、CSF字幕、Speedtest、mysql、qBit或Tr下載器、redis、nginx等各種娛樂、生產力服務或應用。這些服務和應用的後臺埠都是不一樣的,例如NAS Tools埠是3000、Jellyfin是8096、qBit或Tr是8080等等,服務一多,就不太好記了,而且還有一些常用的網站,或者路由器後臺管理頁面,不好記,這時候就需要儲存書籤了。

每次查詢都需要去書籤欄上翻找,雖然單獨歸了類,但總不太方便,所以就去尋找打造個人導航頁的方案,並且配合NAS的遠端,可以在外面也能訪問這個導航頁,可以說此導航頁是專業你個人而打造的。

比較出名的NAS個人導航頁有:heimdall、Flare、這些個人導航頁都可以在Docker中部署,可以說非常通用了。

heimdall和Flare我都使用過,我最終留下了Flare,為什麼呢?

heimdall介面如圖,介面美觀度還是可以的,但是有一個致命問題:載入很慢,進入介面時,要1-3秒才能載入完成。優點是可以自定義設定快捷方式的圖示,自定義程度比較高。

留下Flare的原因就是,它載入速度非常快,無延遲,圖示的話暫不能自定義,但支援Material Design圖示,樣式非常多,複製它的圖示名即可指定圖示,但快捷方式新增方式目前不夠完善,還有待最佳化,但新增完成後,使用無任何影響,畢竟也不是每天都給它增添快捷方式。

我的flare佈局如圖,應用處主要是遠端訪問連結,flare以及內部服務都做了公網V6訪問,在外面時可以直接開啟flare導航頁,直達我的各種服務後臺。

我同時也在Flare中添加了內網常用快捷方式,在家裡時可以直接透過內網IP訪問後臺服務,使用還是很舒服的。

總之,內網服務如果做了遠端訪問+導航頁,會讓你訪問更加快捷和輕鬆,有需求的小夥伴們可以折騰一下!

下面開始進入正題!首先來演示如何在Docker中安裝Flare,會使用威聯通、群暉、綠聯NAS進行演示,也會說明常規Docker下如何安裝。

常規Docker安裝Flare導航頁

常規Docker下可直接使用命令安裝即可,開啟系統的SSH,透過PUTTY等軟體登入後,直接執行以下命令即可,透過官方說明,我們只需要對映埠、對映/app資料夾即可。

預設埠是5005,如你的埠有變動或主機的5005被佔用,改成一個未佔用埠即可;‘pwd’處替換成主機實際存在的目錄即可,會自動將/app目錄和容器目錄進行對映。

威聯通NAS安裝Flare導航頁

首先以威聯通來演示安裝過程,使用的機型是TS-462C,搭載N4505處理器,4K實時硬解流暢,一款效能還不錯的4盤位NAS。

首先在APP Center中安裝Container Station即Docker,點選映象檔案-提取-映象檔名稱處填寫soulteary/flare,提取即可,先把映象拉取回來。

拉取需要時間,右上角有進度,完成後,搜尋flare即可看到拉取回的映象,點選+號,建立容器。

首先返回檔案總管,在Container資料夾中新建flare資料夾,而後在flare資料夾中新建app資料夾即可。

點選+號後,來到此介面,往下拉,點選高階設定。

點選網路,網路模式可選擇NAT,主機埠就輸入一個未佔用的埠即可,如5888,後續透過NAS的IP地址加5888埠即可訪問flare後臺;

如5005埠未佔用,可選擇Host即可。

點選共享資料夾,按下圖,新增,掛載本機共享資料夾處就選擇前面在檔案總管中新建的app資料夾即可,掛載路徑輸入/app即可。點選確定,確定即可完成falre容器部署。

在總覽處即可看到正在執行的flare容器,可在此進行停止、重啟等操作。

OK,威聯通下的flare就部署完成了,非常簡單吧。

群暉NAS安裝Flare導航頁

依舊是以這臺蝸牛星際來演示,穩定執行兩年半。

首先在套件中心安裝Docker,在登錄檔處搜尋soulteary/flare,選中,點選下載,選擇最新latest,選擇,就會拉取映象。

返回檔案總管,在docker資料夾中新建falre資料夾,進入flare資料夾,新建app資料夾。

然後在映像處找到下載好的flare映象,選中,啟動,容器名稱可隨意,點選高階設定。

來到此步驟,高階設定中,把啟用自動重新啟動打勾,點選儲存空間選項卡,新增資料夾,選擇前面新建的app資料夾,裝載路徑填寫/app。然後點選網路選項卡。

可以選擇host或bridge,如果你的5005埠未被佔用,直接將『使用與Docker Host相同的網路』打勾即可,如5005端口占用,就不打勾,然後點選埠設定選項卡。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

然後在本地埠處輸入一個未被佔用的埠即可,如5008,如果前面勾選Host,這一步就不用操作。如果指定了本地埠,那後續你透過:NAS的IP:5008埠即可訪問flare後臺,注意。

然後點選應用。下一步,再下一步,應用即可。就在群暉上完成了flare部署。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

在容器處即可看到剛那好的flare運行了,可進行停止、重啟等操作,現在,訪問NAS的IP加前面指定的埠號即可訪問,如是host,加5005埠即可訪問flare後臺介面。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

綠聯NAS安裝Flare導航頁

綠聯做為國內的NAS黑馬,這兩年也是勢如破竹,易上手、遠端訪問速度快等特點也是收穫一批忠實使用者。

演示的機型是目前旗艦級NAS:DX4600,搭載N5105處理器、8G記憶體、雙M2+4盤位、可擴充套件記憶體等,效能和擴充套件性都非常不錯。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

在電腦版綠聯客戶端中,找到功能-Docker開啟。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

點選映象管理-新增-官方庫,輸入soulteary/flare,只會彈出一個結果,選中,確定,選擇latest即最新版本映象,再次確定即可。這一步是先把映象拉取到本地,後續將此映象進行安裝。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

顯示拉取中,可點選後臺拉取讓它慢慢拉回來。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

點選映象管理,看到已成功拉回來的flare映象,點選建立容器,彈出如下所示,容器名稱可隨意,資源和記憶體限制可開可不開,點選下一步。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

在基礎設定中,重啟策略選擇『容器退出時總是重啟容器』即可。點選網路選項卡。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

網路處,網路名稱處主要有兩種,flare預設埠是5005,如你主機的5005埠未被其它應用或容器佔用,直接選擇bridge即可。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

如5005埠被佔用,需要指定其它埠,選擇bride後,點選『埠設定』選項卡。注意,如果你上一步選擇host,剛下圖步驟不用操作。

將本地埠改成一個未被佔用的埠,如5008,切記,到時訪問flare後臺地址就變成:NAS的IP:5008了,隨機應變。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

而後,返回綠聯雲盤處,挑選一個儲存空間新建一個Docker資料夾,在Docker資料夾中新建flare資料夾,而後在falre資料夾中新建app資料夾即可,大家可參考。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

好的,前面建立完flare資料夾後,點選儲存空間,新增,檔案/資料夾處選擇你前面步驟建立的app資料夾,裝載路徑填寫/app,型別選擇讀寫。點選下一步。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

來到總覽介面,然後開啟建立後啟動容器選項,點選完成即可。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

OK,成功,在容器管理處可看到建立成功並執行的flare容器,可點選停止、重啟等操作,點選快捷訪問,會彈出網址,點選即可直達flare後臺管理介面,綠聯NAS中部署flare完成,是不是很簡單。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

Flare導航頁自定義設定

好的,前面已經演示了常規Docker、威聯通、群暉、綠聯NAS下部署flare的過程,現在在瀏覽器輸入你NAS的IP地址加埠號即可訪問,如果透過bridge或NAT自定義了埠,就加上你自定義的這個埠,如果是Host,則加上5005埠即可訪問。

預設介面如下。顯示日期、天氣、應用快捷、書籤快捷方式等,需要自己手動編輯。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

如何自定義介面、城市天氣、日期呢,點選在左下角的齒輪進入設定。可自定義顯示的天氣城市、主題顏色。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

也可設定是否開啟搜尋功能、自定義網頁標題、網頁底部描述文字等,這些很簡單,請根據自定義來設定。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

如何編輯書籤呢,點選左下角的問號圖示。其實在此處也明顯指引如何設定天氣、主題等,編輯書籤的話點選『內容編輯』即可。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

有分類管理,可自定義書籤分類主題,點選儲存資料,返回重新整理即可看到結果。

如果某一行書籤不想要了,點選書籤前面的數字進行全選,然後按Delete鍵即可刪除這條書籤,自帶預設有許多條書籤,可能有的朋友用不上那麼多,就刪除即可。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

如果書籤數量不夠,依舊是點選前面數字,滑鼠右鍵,會彈出插入行,就可以在上或在下多新增一條書籤。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

正常情況下,在已有預設書籤上編輯即可。點選即可直接更改。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

可以看到,型別處就代表圖示,如下圖,訪問icons地址,即可進入自帶的圖示庫,想要哪個圖示,點選一下就會自動複製了。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

返回編輯書籤處, 型別處雙擊,貼上複製的圖示即可自定義圖示了,這個書籤圖示就會變成你複製的這個圖示,是不是很強大,支援6K+圖示,應有盡有了。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

經過編輯,我最終的介面如下,應用處我放了常用的遠端連線方式,可以隨時在外開啟這個導航頁,因為我的NAS做了遠端訪問,一點選會開啟新容器直達我需要的應用。

為了方便在內網中使用,書籤分類中也添加了內網一欄,在家時可方便開啟直達各種應用和服務。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

使用也有幾個月了,使用頻率非常高,特別是在外面時經常開啟Jellyfin之類的進行觀影、進行路由器後臺進行一些常規設定。

關於遠端訪問

當然,我當個人導航頁也是方便在外時快速開啟需要的服務,這時候就需要NAS有遠端訪問功能,遠端訪問方法很多,比如說蒲公英硬體進行組網開啟,比較快捷地進行遠端訪問操作,像X1盒子,有活動時60塊左右就可以拿下,免費版3個使用者,限速不限量,適合新手或沒公網IP的情況。

用NAS打造專屬個人導航頁,一鍵直達應用後臺!NAS安裝Flare導航頁!

如果有公網IP可考慮DDNS,例如目前正在普及中的IPV6,各大寬頻以及手機流量都支援IPV6了,配合DDNS,且在雙方都有V6的情況下,訪問速度非常快,可參考我的這些文章。

最後的最後

當然,前面只介紹了flare這個導航頁,其實還有許多也非常不錯的導航頁,比如Homarr、Heimdall、Home-page靜態頁等等許多,後續各位感興趣的話我再出幾期此類導航頁安裝和設定教程的文章,如果有幫助,請關注點贊謝謝。

往期精彩文章推薦: