NW.js BS“穿馬甲”變成CS

nwjs

• 簡介：支持Node.js，用於打包和發佈，比如用戶有把BS轉CS需求，可以考慮使用NW.JS，寫一下node.js和npm關係，普及一下如我一樣的小白用戶。
  node.js這是一個js文件，是支持js運行的運行環境，JAVA同學對於JVM肯定不陌生，那麼可以把node.js理解成js對應的"JVM"，它是對Chrome V8引擎進行了封裝。那麼npm又是什麼呢，全稱爲Node Package Manager 包管理工具，是用來管理js的，是一個版本控制管理插件，功能類似於Maven或Gradle。

• 安裝參考：windows 下安裝，可參考node和NPM安裝可以參考如下網址（https://blog.csdn.net/xundh/article/details/46738037）
  node:http://nodejs.org/download/
  NPM：http://nodejs.org/dist/npm/
  Enigma Virtual Box：http://enigmaprotector.com/ 打包工具，可以把NW打成一個exe的可執行文件
  nwjs:http://nwjs.io/downloads （下載時注意分爲sdk版本和nomal版本，開發測試過程建議安裝SDK版本，SDK版本可進行外殼的調試，在調用時用一個空白頁面，即可用工發者調試工具進行調試；非SDK版本不能進行調試）

• 安裝config：npm install config --save-dev

• 緩存路徑：C:\Users\XXXX\AppData\Local\cmss\User Data

  nwjs安裝使用步驟：

  • 第一種方式

  1.官網下載Nomal或SDK：SDK可以用做調試，開發時建議使用SDK版本
  2.將package.json和引用的js或html及相應的外部或內部引用的類庫資源(config)打zip壓縮包，可直接託到nw.exe中執行看效果，如果需要調試，可手動引用一個index.html。
  3.將2步中壓縮的app.zip可重命名爲app.nw
  4.通過命令行打包：copy /b app.nw+nw.exe app.exe
  5.通過Enigma Virtual Box打包一個exe
  參考文件：http://www.cnblogs.com/olivers/p/6102632.html
  https://blog.csdn.net/liu305088020/article/details/49301991（喜歡的）
  注意：串口的程序需要一個models包、main.js、package.json、node.sdk版本可以加index.html進行調試、config包中有一個default.json
  【1】打包時，把main.js、index.html、pacakge.json放在nw.js同級的目錄下，然後一起打包成exe，命令如下所示：
  【2】copy /b nw.exe+package.json+main.js+index.html app.exe
  【3】Enigma Virtual Box，inputfileName選中上步生成的app.exe,outputfilename是要生成的exe所放置的路徑，然後把除了app.exe和config文件夾下的所有文件選中托拉至files中，生成exe
  【4】可以通過修改外部的config下的default.json來進行文件修改
   
  

  • 第二種方式

  1.安裝好node、npm等環境變量配置好nwjs sdk的路徑
  2.IDE中新建web靜態項目
  3.項目路徑下：命令行執行npm.init，生成package.json
  4.安裝依賴包：npm install config --save-dev 生成config
  5.編輯package.json
   	  {
          "name": "cmss",
          "version": "1.0.0",
          "description": "",
          "main": "index.html",
          "window": {
            "title": "monitoring",
            "icon": "link.png",
            "toolbar": true,
        //    "fullscreen": true,
            "frame": true
          },
          "keywords": [],
          "author": "",
          "license": "ISC",
          "devDependencies": {
            "config": "^1.31.0"
          },
          "webkit": {
            "page-cache":false
          }
    	  }
  6.可以通過命令行在當前項目目錄下執行：“nw .”看加殼運行效果
  7.把package.json及相應的依賴模塊拷到nwjs中進行打包