[[411273]]

簡介

Nativefier 是一個命令行工具，可以以最少的配置輕松地為任何網站創建桌面應用程序，把 Web 頁面變成本地應用的命令行工具。通過 Electron + Chromium 把網站包裝成本地 .app、.exe 等可執行文件，支持運行在 Windows、macOS 和 Linux 操作系統上。

例如，為 WhatsApp Web 制作可執行文件，只需要運行以下命令：

nativefier 'web.whatsapp.com' 

項目地址是：

https://github.com/nativefier/nativefier

安裝

• macOS 10.9 + Windows + Linux
• Node.js >= 12.9 并且 npm >= 6.9
• 可選依賴

           使用 ImageMagick 或 GraphicsMagick來轉換圖標。確保 convert 和 identify 或 gm 在系統路徑 $PATH 中。

           Wine 在非 Windows 平臺下打包 Windows 應用程序。確保wine在系統路徑 $PATH 中。

然后，使用全局安裝 Nativefier：

npm install -g nativefier 

用法

要為 medium.com 創建本機桌面應用程序，只需執行以下命令：

nativefier "medium.com" 

Nativefier 將默認設置應用程序名稱以及許多其他選項。用戶也可以覆蓋這些選項。例如，要覆蓋名稱：

nativefier --name 'My Medium App' 'medium.com' 

常見的命令行選項有以下這些：

-h, --help 打印使用信息 
 
-v, --version 打印 nativefier 版本 
 
-a, --arch <value> 構建時的目標處理器架構，ia32, x64, armv7l, arm64 
 
-c, --conceal 指定本地化應用程序中的源代碼是否一并打包，默認為 false 
 
-e, --electron-version <value> 指定 Electron 版本 
 
-i, --icon <path> 指定應用程序圖標 
 
為 Windows 打包時，必須是 .ico 文件的路徑。 
 
為 Linux 打包時，必須是 .png 文件的路徑。 
 
為 macOS 打包時，如果安裝了可選的依賴項，則必須是一個 .icns 或一個 .png 文件。如果有圖像轉換工具（iconutil，或 ImageMagick 的 conver + identify，或 GraphicsMagick 的 gm），Nativefier 將把 .png 自動轉換為 .icns 
 
-n, --name <value> 應用程序的名稱，Linux 上使用時不要包含空格 
 
--no-overwrite 指定目標目錄是否不應被覆蓋，默認為 false 
 
-p, --platform <value> 執行平臺。默認為當前操作系統，也可以指定為 linux，windows，osx或mas 
 
--portable 使應用程序將用戶數據（cookie、緩存等）存儲在應用程序文件夾中 
 
--always-on-top 應用程序啟動時保持在屏幕最上層 
 
--background-color <string> 指定背景顏色，https://www.electronjs.org/docs/api/browser-window#setting-backgroundcolor 
 
--bookmarks-menu <string> 定義書簽菜單的 JSON 文件的路徑，如： 
 
{ 
 
"menuLabel": "&Music", 
 
"bookmarks": [ 
 
{ 
 
"title": "lofi.cafe", 
 
"url": "https://lofi.cafe/", 
 
"type": "link", 
 
"shortcut": "CmdOrCtrl+1" 
 
}, 
 
{ 
 
"title": "beats to relax/study to", 
 
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A", 
 
"type": "link", 
 
"shortcut": "CmdOrCtrl+2" 
 
}, 
 
{ 
 
"type": "separator" 
 
}, 
 
{ 
 
"title": "RÜFÜS DU SOL Live from Joshua Tree", 
 
"type": "link", 
 
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c" 
 
} 
 
] 
 
} 
 
--disable-context-menu 禁用上下文菜單 
 
--disable-dev-tools 禁用 Chrome 開發者工具 
 
--full-screen 使打包的應用程序全屏啟動 
 
--height <value> 打包應用的高度，默認為800px 
 
--hide-window-frame 禁用窗口框架和控件 
 
--max-height <value> 打包應用的最大高度，默認為無限制 
 
--max-width <value> 打包應用的最大寬度，默認為無限制 
 
--maximize 使打包的應用程序最大化啟動 
 
--min-height <value> 打包應用的最小高度，默認為0 
 
-m, --show-menu-bar 是否應顯示菜單欄 
 
--single-instance 單例，防止應用程序多次運行 
 
--title-bar-style <value> 設置應用標題欄的樣式 
 
/* site.css */ 
 
/* header is draggable... */ 
 
header { 
 
-webkit-app-region: drag; 
 
} 
 
/* but any buttons inside the header shouldn't be draggable */ 
 
header button { 
 
-webkit-app-region: no-drag; 
 
} 
 
/* perhaps move some items out of way for the traffic light */ 
 
header div:first-child { 
 
margin-left: 100px; 
 
margin-top: 25px; 
 
} 
 
--x <value> 打包應用程序窗口的 X 位置 
 
--y <value> 打包應用程序窗口的 Y 位置 
 
--zoom <value> 設置應用程序打開時要使用的默認縮放系數，默認為1.0 
 
--lang <value> 設置語言，"fr", "en-US", "es"等 

與 Docker 一起使用

Nativefier 也可以在 Docker 中使用。

• 從 Docker Hub 拉取最新的穩定鏡像：

docker pull nativefier/nativefier 

或者自己構建鏡像：

docker build -t local/nativefier . 

使用 docker 構建本地應用：

docker run --rm -v ~/nativefier-apps:/target/ local/nativefier https://mail.google.com/ /target/