兩行命令打造一個桌面應用

我的博客同步文章 https://mr-houzi.com/2018/01/...

今天咱們要實現把任意一個網站轉換成一個桌面應用軟件。網站轉應用，在安卓端無非就是用一個Webview控件來解決。那麼今天要說的是，在PC端如何快速簡單實現一個網站轉桌面應用呢？

快速、簡單到底多快多簡單呢？

只須要兩行命令就能夠把任意一個網站轉換成一個桌面應用。

打造桌面應用

這次就以個人博客 http://mr-houzi.com 爲例來打造一個桌面應用吧

安裝工具

第一行命令：

npm install nativefier -g

製做應用

第二行命令：

nativefier "https://mr-houzi.github.io/"

到目前，一個桌面應用已經打造完成

效果

應用目錄：

點擊.exe文件，啓動應用。激不激動٩(๑>◡<๑)۶

本文到這裏已經結束！您能夠關閉這個博客了！若是您還想了解更多關於nativefier,歡迎您往下看！

附加內容

設置名字

nativefier在製做應用的時候，能夠自動識別網站的名字，您也能夠本身設置名字。

nativefier --name "AppName" "https://mr-houzi.github.io/"

設置圖標

nativefier --icon <path>

Windows和Linux打包

icon參數應該是.png文件的路徑。

OSX打包

若是安裝了可選的依賴關係，icon參數能夠是a .icns或.png文件。

指定輸出不一樣系統的應用

默認狀況下，會根據當前操做系統，輸出對應系統的應用。若是您須要特殊指定轉換成不一樣系統的應用，能夠 使用一下命令。

nativefier --p <value>

可選參數linux、windows、osx。
替代值win32（用於Windows）或darwin，mac（對於OSX）也可使用。

顯示菜單欄

-m, --show-menu-bar

指定是否應該顯示菜單欄。

禁用上下文菜單

--disable-context-menu

禁用上下文菜單

單實例

--single-instance

阻止應用程序屢次運行。若是發生這種嘗試，那麼已經運行的實例就會出如今前面。

托盤

--tray

應用程序將保留爲系統托盤中的圖標。經過點擊窗口關閉按鈕來防止關閉應用程序。

設置應用版權

nativefier --app-copyright <value>

應用的版權信息會映射到Windows系統的LegalCopyright和OS X系統的NSHumanReadableCopyright的元數據屬性。

設置顯示

寬度

--width <value>

打包應用程序的寬度，默認爲1280px。

高度

--height <value>

打包應用程序的高度，默認爲800px。

最小寬度

--min-width <value>

打包應用程序的最小寬度，默認爲0。

最小高度

--min-height <value>

打包應用程序的最小高度，默認爲0。

最大寬度

--max-width <value>

打包應用程序的最大寬度，默認爲無限制。

最大高度

--max-height <value>

打包應用程序的最大高度，默認爲無限制。

X

--x <value>

打包的應用程序窗口的X位置。

Y

--y <value>

打包的應用程序窗口的Y位置。

更多請參考官方文檔 https://github.com/jiahaog/na...

PS

看完不少人會吐槽如今B/S架構是趨勢，爲何還要從B/S轉成C/S？這個不就是一個內置瀏覽器嗎？直接把網站設置一個快捷方式放在桌面上不就好了嗎？只能說有些技術不是主流，但必定有它存在的意義，作一項技能get到就好吧！