淺談 web-桌面端應用--------nw.js

NingLn發表於2019-04-09
WebJS

以下是本人朋友親自實踐後得出的心得，也是一個坑一個坑踩出來的；希望可以幫到有需要的朋友； 本人朋友QQ：435657956，看不懂的可以諮詢我朋友，同時也希望有不正確的地方提出建議。 本文主要介紹在windows和mac下如果使用nw.js+vue來製作桌面應用程式，以及如何製作成安裝包，本文不涉及nw.js的開發，只是用nw.js做殼包一個web應用而已。 參考連結： 1.github.com/anchengjian… 2.nwjs-cn.readthedocs.io/zh_CN/lates… (nw官方詳細文件） 下面是詳細介紹如何構建 windows：

		1.git clone https://github.com/anchengjian/vue-nw-seed;
		2.npm install (下載package.json對應包)；
		3.npm run dev (執行模式，可調式)；
		4.npm run build (構建，注：build後會生成releases資料夾，windows安裝包所在位置)；
		5.npm run build --onlyNW (只構建windows安裝包)；
		
 	    注：windows目前使用nw.js版本為，0.14.7；為了相容XP系統。
 	    
           MAC：
複製程式碼

1.下載nw MAC最新包：nwjs.org.cn/download.ht… 2.將windows上，npm run build 產生的dist資料夾下的（index.html,package.json,static）壓縮ZIP； 3.開啟下載好的MAC nw包，到/Contents/Resources下，將dist.zip拷貝至當前資料夾下，把當前app.nw刪除，解壓dist並修改名稱為app.nw； 4.更換圖示將/Contents/Resources下的app.icns替換；

製作dmg MAC安裝包： 1.開啟磁碟工具，點選檔案建立空白磁碟映像（大小自定），新增到桌面； 2.開啟建立好的磁碟映像，將“應用”拖入當前資料夾，製作應用程式替身，拖入當前資料夾； 3.修改磁碟映像背景及圖示，將背景圖片和圖示（.icns）拖入至當前資料夾，右鍵開啟檢視顯示選項，點選圖片，將背景圖拖入，調整大小，跟換圖示右鍵點選磁碟映像開啟顯示簡介，將圖示拖入跟換； 4.開啟終端執行 chflags hidden 圖片路徑； 5.右鍵點選磁碟映像，推出； 6.再次開啟磁碟工具 ，點選映像，點選轉換，選中製作好的dmg，完成後MAC dmg安裝包製作完成；

注：windows，MAC預設都不支援語音和視訊播放； github.com/iteufel/nwj… （下載對應版本的擴充套件檔案，替換當前專案的擴充套件檔案） windows：ffmpeg.dll; MAC:libffmpeg.dylib;

相關文章