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

一、目的

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

二、步驟

　　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 最后會生成一個可執行的安裝文件，雙擊安裝之后就可以正常運行了