Nativefier，將網站轉換為Ubuntu 18.10中的桌面應用程序

在下一篇文章中，我們將看一下Nativefier。 我們已經討論過這個工具 在同一博客中 前一段時間。 在這篇文章中，我們將了解如何在Ubuntu 18.10中安裝和使用它來 將網頁轉換為本地應用程序.

想要網站的本機應用程序的原因有很多。 它們通常工作得很好，而且還具有人們期望桌面應用程序提供的某些功能。 通常， 適合放在桌子上 Gnu / Linux在創建它們時對其進行了配置。

在Ubuntu 18.10上安裝Nativefier

Nativefier是NodeJS應用程序 在Gnu / Linux和其他可以運行Node的操作系統上運行。 默認情況下，沒有在任何主要發行版中安裝此程序。 因此，我們必須先了解如何配置NativeFier，然後才能開始將網站轉換為適用於Gnu / Linux的桌面應用程序。

安裝NPM

Nativefier嚴重依賴於NodeJS編程語言。 因此，我們將 安裝此程序包管理器，名為 NPM，這應該足夠了。

至 在我們的Ubuntu 18.10上安裝NPM，我們只需打開一個終端（Ctrl + Alt + T）並輸入以下內容：

sudo apt install npm

安裝Nativefier

當NodeJS軟件包管理器在我們的計算機上啟動並運行時，我們必須使用它來安裝Nativefier。 我們將通過打開終端（Ctrl + Alt + T）來完成此操作，然後 使用npm命令 如下：

sudo npm install nativefier -g

警告：不使用sudo安裝Nativefier可能會導致問題。

將網站轉換為應用

Nativefier通過基於URL生成電子框架來工作 從命令行接收到的。 要使用網站創建本地Gnu / Linux應用程序，只需執行以下步驟：

• 步驟1→ 查找您要為其創建應用程序的網站。 在瀏覽器中建立網站後，用鼠標突出顯示URL，然後右鍵單擊該URL。 選擇選項“複製“。
• 步驟2→在終端窗口中， 使用Nativefier生成一個基本應用程序，粘貼剛複制的網址。 在本文中，我們將使用相同的網站。

nativefier -p linux -a x64 -n ubunlog https://ubunlog.com

• 步驟3→Nativefier將把URL包含在電子應用程序中。 生成應用程序時，請注意終端，這一點很重要。 如果出現錯誤，請按組合鍵Ctrl + C 並再次運行該命令。
• 步驟4→當Nativefier完成生成應用程序時，您應該 可以使用之前更新此權限。 要設置權限，請在終端中運行以下命令：

cd *-linux-x64

sudo chmod +x *

• 步驟5→ 運行你的應用程序 電子個性化：

./ubunlog

自定義應用程序選項

在帖子的這一部分中，我們將簡要回顧 Nativefier的一些選項。 這些將使用戶可以創建更好的桌面應用程序。

注意：所有選項都可以同時編寫。 同時使用多少個沒有限制。

在系統托盤中

你想允許嗎 出現在系統托盤中的應用程序？ 嘗試使用生成應用程序 –tray選項:

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --tray

全屏

您是否希望您的應用程序能夠全屏啟動？ 用途 “全屏”選項 在以下命令中啟用它：

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --full-screen

開始最大化

這是可能的 強制我們的電子應用始終開始最大化。 要獲得它，您只需要使用 “最大化”選項 在命令中創建應用程序：

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --maximize

啟用FlashPlayer

可能會有一個基於Flash的Web應用程序。 幸運的是，Nativefier有一種方法 加載Adobe Flash插件。 我們只需要添加 “閃光燈”選項 到我們一直在使用的命令：

nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --flash

總是起來

您想要電子應用嗎 忽略窗口管理器規則，並始終顯示在所有內容之上 其餘的部分？ 證明 “始終置頂”選項 使用Nativefier進行編譯時：

nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --always-on-top

更多配置選項

nativefier --help

Nativefier的幫助向我們展示了 我們可以用來配置應用程序的不同選項。 我們將能夠在您的網站中找到有關此工具的更多信息 GitHub資料庫.