工具軟件:VSCode、nodeJS、powerShell
打包命令:nativefier
一、首先安裝好VSCode、nodeJS(安裝略)。
二、打開VSCode,在終端內執行打包命令:
nativefier “https://www.aqsos.com/”
如果執行顯示powerShell沒有管理權限,則需要開啟權限,方式如下:
提示類似於:
WIN+R打開“運行”,輸入:powerShell,如下圖:(如果下面方法提示需要權限,建議找到powershell.exe右擊“以管理員身份運行”)
在powerShell內運行:Set-ExecutionPolicy,然后輸入:Unrestricted,按Y確認,如下圖:
完成開啟powerShell權限。
三、安裝nativefier
命令:npm install -g nativefier 一定要加-g安裝,不然會出錯
四、執行打包,時間可能比較長,打包成功后的結果如下圖:
比如:
nativefier --name "網申" "http://www.west.cn" --icon "d:\favicon.ico" --disable-context-menu --always-on-top --app-copyright "網申公司" --app-version "2.2" "d:\1"
打包時一定要指定圖標路徑,否則可能出錯!
如果打包時出現:Error during build. Run with --verbose for details. [Error: EPERM: operation not permitted, mkdir 'd:\1'] {
要給對應的目錄增加USER帳號完全控制權限。
如果要將終端結果保存到文本文件,可以使用:
nativefier --name "網申" "http://www.west.cn" --icon "d:\favicon.ico" --disable-context-menu --always-on-top --app-copyright "網申公司" --app-version "2.2" "d:\1" > d:\log.txt
輸出終端結果命令見:https://www.jianshu.com/p/4d5841121531
================================================================
命令:nativefier 參數:
nativefier --icon <path>:設置圖標 icon參數 Windows環境下為.ico文件 Linux下為.png Mac下 icon參數可以是a .icns或.png文件 --app-copyright :應用的版權信息 -p, --platform <value>:指定輸出不同系統的應用,可選參數linux、windows、osx。 -m, --show-menu-bar:指定是否應該顯示菜單欄。 --disable-context-menu:禁用上下文菜單(右鍵菜單,如果沒有這項,右擊a標簽時,會彈出菜單) --disable-dev-tools:停用Chrome開發者工具 --clear-cache:防止應用程序在兩次啟動之間保留緩存。 --tray:托盤,防止用戶點擊右上角關閉按鈕后直接關閉程序,而是縮小到右下角的托盤中。 --always-on-top:總是在最前面顯示。(總是在置頂最上方) --maximize:開始的時候最大化。 --full-screen:使打包的應用全屏啟動。 --app-version <value>:應用程序的發行版本。 --width <value>:打包應用程序的寬度,默認為1280px。測試無效 --height <value>:打包應用程序的高度,默認為800px。測試無效 --min-width <value>:打包應用程序的最小寬度,默認為0。 --min-height <value>:打包應用程序的最小高度,默認為0。
--max-width <value>:打包應用程序的最大寬度,默認為無限制。 --max-height <value>:打包應用程序的最大高度,默認為無限制。 --x <value>:打包的應用程序窗口的X位置。 --y <value>:打包的應用程序窗口的Y位置。 --a, --arch <value> 處理器架構 示例: nativefier --arch "x64" --platform "windows" --icon D:\temp\favicon.ico //一定要有圖片,不然會報錯 --name "weixin" "https://mp.weixin.qq.com/" --maximize --always-on-top --clear-cache --app-copyright --app-version 1 --show-menu-bar --disable-dev-tools --tray D:\temp\ //最后指定文件的輸出目錄 cmd不能換行執行一句,會出錯...
示例 :
nativefier --name "網申" "http://www.west.cn" --icon "f:\favicon.ico" --disable-context-menu --always-on-top --app-copyright "網申公司" --app-version "2.2" "f:\l\"