應用node-webkit(NWJS)把BS架構的網址封裝成桌面應用

1、目的

　　給WEB應用的用戶提供一款同一的瀏覽器，訪問固定網址，封裝一些經常使用插件（如flash插件等）

2、步驟

　　1.下載node-webkit，官方網址https://nwjs.io/

　　2.解壓下載後的nwjs

　　　　

　　

　　3.新建文件package.json，內容以下，其中window和webkit項能夠缺省

　　　　

{
    "name": "APPNAME", //應用名稱
    "main": "http://www.baidu.com", // 啓動頁面要訪問的網址
    "version": "0.0.1",
    "window": {
        "toolbar": false, // 隱藏工具欄
            
        "frame": true, // 彈窗新的窗口
 
        "width": 1000,
 
        "height": 700,
 
        "position": "center",
 
        "min_width": 400,
 
        "min_height": 200,
 
        "max_width": 1920,
 
        "max_height": 1080,
 
        "resizable": true,  //能夠調整大小
        
        "show_in_taskbar":true//是否在任務欄顯示
    },
    "webkit": {
 
        "plugin": true,    //容許加載插件
        
        "page-cache":false  //禁止頁面緩存

    }

}

 

 　　4.將文件壓縮爲zip文件，而後修改後綴名稱，更名爲app.nw，將app.nw複製到nwjs文件夾裏面和nw.exe並列的目錄

　　　　　　

 

　　5.將chrome安裝的插件複製到nwjs文件夾裏面和nw.exe並列的目錄

　　這裏演示封裝flash插件，新版的chrome的插件安裝在圖示位置C:\Users\你的用戶名\AppData\Local\Google\Chrome\User Data，舊版的在C:\Program Files (x86)\Google\Chrome\Application\plugins文件夾下

　　　　　　

　　6.而後把裏面版本號文件裏的內容複製到父級文件夾，這裏把31.0.0.108裏面的內容複製到了PepperFlash

　　　　　　

 

 

 

　　7.此時將app.nw拖拽到nwjs裏面的nw.exe上執行就能夠打開頁面了，而且可以正常播放flash

　　　　　　

 

　　　　　　

 

　　8.固然這樣還不能交給用戶使用，咱們如今須要將文件進一步打包，合併nw.exe和app.nw兩個文件，讓它能夠直接執行

　　　　以管理員身份打開CMD，進入到nwjs目錄，執行命令copy /b nw.exe+app.nw app.exe ，以後會生成一個app.exe的文件，雙擊執行，和上面的效果同樣

 　　　　

　　

　　9.此時其實已經能夠直接使用了，可是爲了讓它顯得更高大上一點，咱們使用inno setup將其封裝成安裝包（另一種方式是使用Enigma Virtual Box將nwjs裏面須要依賴的文件打包成一整個exe文件）

　　　　下載inno setup並安裝 http://www.jrsoftware.org/isdl.php

　　　　下載中文插件 https://raw.githubusercontent.com/jrsoftware/issrc/master/Files/Languages/Unofficial/ChineseSimplified.isl

　　　　將下載的中文插件放到 C:\Program Files (x86)\Inno Setup 5\Languages

　　10.按步驟開始打包安裝包

　　　　　　

 

　　　　

 　　　　　　10.1 輸入應用名稱、版本號、公司名稱、公司網址等

　　　　　

　　　　　10.2 選擇執行文件

　　　　

 　　　　

 　　　　10.3 指定受權文件等信息，能夠忽略

 　　　　

　　　　10.4 指定安裝語言

　　　　

　　　　10.5 這裏能夠指定圖標和默認安裝路徑以及安裝包的名稱

　　　　

　　　　10.6 最後會生成一個可執行的安裝文件，雙擊安裝以後就能夠正常運行了