本節開始，部分內容參照我們的nwjs前輩玄魂的文章，其中也會加入博主在使用nwjs開發專案過程中總結的一些實戰經驗。我們都是站在巨人的肩上繼續努力學習，去其糟粕留其精華，好的技術就應該不斷總結和傳播，那麼我們現在開始吧！

（一）基本程式結構

如上圖，是一個nw程式的基本組織結構，在根目錄下有package.json（程式的配置檔案）和index.html（可以是任意名稱，應用的啟動頁面）；js/css/resources分別是應用的樣式、指令碼、和資原始檔（html、圖片等）；node_modules存放node.js的擴充套件元件。這只是一個通用的基本組織結構，實際專案的組織結構，不必一定按照此結構進行搭建，如專案使用的是js模組化程式設計require框架的。最終的組織結構以適應實際專案為準，但檔案package.json和index.html必須放在根目錄下

（二）配置檔案package.json

nw在啟動應用程式時，首先要讀取package.json檔案，初始化基本屬性，下面我們看看package.json的完整引數。每個引數配置都標有註釋。

{
	/**指定程式的起始頁面。*/
	"main": "index.html",
	/**字串必須是小寫字母或者數字，可以包含.或者_或者-不允許帶空格。name必須全域性唯一。*/
	"name": "demo",
	/**程式描述*/
	"description": "demo app of node-webkit",
	/**程式版本號*/
	"version": "0.1.0",
	/**關鍵字*/
	"keywords": ["demo","node-webkit"],
	/**bool值，如果設定為false，將禁用webkit的node支援。*/
	"nodejs": true,
	/**
	* 指定一個node.js檔案，當程式啟動時，該檔案會被執行，啟動時間要早於node-webkit載入html的時間。
	* 它在node上下文中執行，可以用它來實現類似後臺執行緒的功能。
	* （不需要可註釋不用）
	*/
	//"node-main": "js/node.js",
	/**
	* bool值。預設情況下，如果將node-webkit程式打包釋出，那麼只能啟動一個該應用的例項。
	* 如果你希望允許同時啟動多個例項，將該值設定為false。
	*/
	"single-instance": true,
	/**視窗屬性設定 */
	"window": {
		/**字串，設定預設title。*/
		"title": "demo",
		/**視窗的icon。*/
		"icon": "link.png",
		/**bool值。是否顯示導航欄。*/
		"toolbar": false,
		/**bool值。是否允許調整視窗大小。*/
		"resizable": true,
		/**是否全屏*/
		"fullscreen": false,
		/**是否在win工作列顯示圖示*/
		"show_in_taskbar": true,
		/**bool值。如果設定為false，程式將無邊框顯示。*/
		"frame": true,
		/**字串。視窗開啟時的位置，可以設定為“null”、“center”或者“mouse”。*/
		"position": "center",
		/**主視窗的的寬度。*/
		"width": 800,
		/**主視窗的的高度。*/
		"height": 670,
		/**視窗的最小寬度。*/
		"min_width": 400,
		/**視窗的最小高度。*/
		"min_height": 335,
		/**視窗顯示的最大寬度，可不設。*/
		"max_width": 800,
		/**視窗顯示的最大高度，可不設。*/
		"max_height": 670,
		/**bool值，如果設定為false，啟動時視窗不可見。*/
		"show": true,
		/**是否在工作列顯示圖示。*/
		"show_in_taskbar":true,
		/**
		 * bool值。是否使用kiosk模式。如果使用kiosk模式，
		 * 應用程式將全屏顯示，並且阻止使用者離開應用。
		 * */
		"kiosk": false
	},
	/**webkit設定*/
	"webkit": {
		/**bool值，是否載入外掛，如flash，預設值為false。*/
		"plugin": true,
		/**bool值，是否載入Java applets，預設為false。*/
		"java": false,
		/**bool值，是否啟用頁面快取，預設為false。*/
		"page-cache": false
	}
}
 

（1）"node-main"配置：指定一個js檔案，該js檔案是啟動程式時最早執行檔案，在node-main指令碼中還可以訪問全域性的“window”物件，它指向DOM視窗，但是如果頁面導航發生變化，訪問到的window物件也會發生變化。因為它執行時間要早於DOM載入，所以要等頁面載入完畢，才能使用“window”物件。同時，在DOM頁面中，可以通過process.mainModule來獲取node-main資訊。

（2）"single-instance"配置：簡單地說，是指是否允許同時開啟多個nw應用。

（3）"kiosk"配置：如果該配置設為ture，則顯示為全屏模式並遮蔽關閉按鈕，即該顯示器將會一直停留在nw應用的顯示介面，類似於銀行的排隊等待辦理業務的取票機介面。

還有一些不經常使用的引數如下：

user-agent
應用發起http請求時，使用的user-agent頭資訊。下列佔位符可以被替換：
%name: 替換配置中的name屬性%ver: 替換配置中的version屬性
%nwver: 被node-webkit版本資訊替換. %webkit_ver: 被WebKit 引擎的版本資訊替換.%osinfo: 被 作業系統和 CPU 資訊 替換，在瀏覽器的 user agent 字串中可以被看到.
示例配置：

{
	"user-agent": "測試 %ver  %nwver %webkit_ver  windows7" /* 替換佔位符內容即可 */
}

{
<span style="white-space:pre">	</span>"js-flags": "--harmony_proxies --harmony_collections"
}

{
	"maintainers":[ {
   		"name": "Bill Bloggs",
   		"email": "[email protected]",
   		"web": "http://www.bblogmedia.com",
	}]
}

contributors
貢獻者資訊，格式同maintainers，按照約定，第一個contributor是該應用的作者。

bugs
提交bug的url。可以是“mailto：”或者“http://”格式。

licenses
一個數組，可以包含多個宣告。每個宣告包含“type”和“url”兩個屬性，分別指定宣告的型別和文字。示例如下：

{
	"licenses": [
  	 {
       		"type": "GPLv2",
       		"url": "http://www.example.com/licenses/gpl.html",
   	}]
}

repositories
程式包的儲存地址陣列，type和url指定可以下載或者克隆程式包的地址，如果程式包不在根目錄中，需要在path屬性指定相對目錄。示例如下：

{
	"repositories": [
       		{
            		"type": "git",
            		"url": "http://github.com/example.git",
           		"path": "packages/mypackage"
       		}]
}

小貼士：想更全面地瞭解配置資訊：可參考https://github.com/nwjs/nw.js/wiki/Manifest-format