基於NW.JS全屏無邊框程序將HTML打包成可執行文件.EXE

一、介紹/下載/安裝打包軟件NW.js

NW.js 官網：nwjs.io
NW.js中文網：nwjs.org.cn

誠如中文網站所說，對於國內用戶，下載速度慢過烏龜，大多數會下載失敗，建議使用淘寶NPM鏡像下載：
https://npm.taobao.org/mirrors/nwjs/

NW.js分兩個版本：

• normal版：正式發佈版
• SDK版：帶chrome調試器的，方便調試使用

依各自需要使用，不需要調試，只是用於打包/去邊框，可直接下載發佈版

這裏演示下載0.45.0的發佈版：
https://npm.taobao.org/mirrors/nwjs/v0.45.0/nwjs-v0.45.0-win-x64.zip
下載的是個壓縮包，直接解壓即可，需要可配置一下環境變量，不懂直接忽略也行，不影響後續操作

想入門的可以去中文官網瞭解開發文檔快速入門手冊：
https://nwjs.org.cn/doc/user/Getting-Started.html
只要打包封包直接跳過看下文即可

二、打包操作

在需要打包文件中新建文件：package.json，裏面的內容是：
可根據需求進行更改，不涉及可默認

	"main": "index.html", 	//打包程序入口
	"name": "cloud",		//字符串必須是小寫字母或者數字，可以包含"." 或者"_"或者"-" ，不允許帶空格,必須唯一
	"description": "demo app of node-webkit",	//描述
	"version": "1.0.0",		//版本
	"keywords": [ "demo", "node-webkit" ],		//關鍵字
	"window": {				//窗體配置
	"title": "node-webkit", //窗體的標題
	"icon": "link.png",		//窗體的ico圖標
	"toolbar": false,		//是否要工具欄
	"frame": true,			//bool值。如果設置爲false，程序將無邊框顯示 也就是沒有系統默認的關閉，最小化，全屏按鈕
	"width": 1000,			//窗口的大小：寬
	"height": 800, 			//窗口的大小：長
	"position": "mouse", 	//字符串。窗口打開時的位置，可以設置爲“null”、“center”或者“mouse”。
	"min_width": 400,		//最小寬度
	"min_height": 200,		//最小高度
	"max_width": 9999,		//最大寬度
	"max_height": 9999,		//最大高度
	"as_desktop" :false,	//是否作爲桌面背景窗口顯示
	"resizable":true,		//是否允許調整窗口大小
	"always-on-top":true,	//窗口是否置頂
	"fullscreen":false,		//是否全屏顯示 
	"show_in_taskbar":true,	//是否顯示任務欄圖標 
	"show":true, 			//如果設置爲false，啓動時窗口不可見
	"kiosk":false 			//是否使用kiosk模式。如果使用kiosk模式，應用程序將全屏顯示，並且阻止用戶離開應用
},
	"webkit": {
		"plugin": true,		//bool值，是否加載插件，如flash，默認值爲false。
		"java":false, 		//bool值 是否加載java applets
		" page-cache":false //是否啓用頁面緩存
	}
}

再選中全部文件，壓縮成 .zip 文件(.rar文件不能)，並將後綴改爲：.nw

把剛剛的.nw用nw.exe打開，會出現你的網頁(有配置環境變量/懂得路徑操作的可以不用打開這一步)，其實打開就相當於是預覽成效，並定位打包程序路徑

nw.exe就是剛剛下載的NW.js裏面解壓出來的文件

接下來就是打包成EXE
CMD打開命令提示符，CD定位到nw.exe所在的文件夾，輸入:

copy /b nw.exe+文件的名字.nw 打包後生成的文件名字.exe

這裏吾輸入的是：

copy /b nw.exe+Ring.nw Ring.exe

至此打包完成，在nw.exe所在文件目錄下已生成可執行文件Ring.exe

該可執行文件依賴於目錄下的其他文件，若需要單獨運行，還得繼續封包

• 封包方式一：使用Enigma Virtual Box，封包後程序較大，一般都得100M+
  

• 封包方式二：使用innosetup
  這個工具會生成一個安裝版本，且安裝文件才 50M+，推薦這種方法，具體的使用方法可參考：https://blog.csdn.net/miaodichiyou/article/details/81668431?utm_source=blogxgwz2x

NW.exe 的默認圖標通過配置文件是無法修改的，需要用工具 Resource Hacker 來修改

純小白在線打包：http://www.krpano.tech/