node-webkit 桌面開發 初入1

node-webkit  是什麼就不介紹了

注意官網的一句話 」node-webkit is based on Chromium and node.js " 因此node-webkit 實際是嵌套了個Chromium 瀏覽器 ，而不是webkit內核。

 

1項目目錄，配置 package.json

{
    "main": "main.html",                              /* APP的主入口，文件名任意；必選 */
    "name": "demo",                                /* APP的名稱，必須具有惟一性，且符合正常變量命名；必選 */
    "single-instance":false,                       /*(boolean)是否只容許啓動單個實例，true爲只容許一個軟件實例運行。默認是true*/
    "description": "demo app of node-webkit",         /* APP的簡單描述 */
    "version": "0.1.0",                               /* APP的版本號 */
    "keywords": [ "demo", "node-webkit" ],            /* APP的關鍵字，搜索APP時用到 */
    "window": {                                       /* APP的窗口屬性 */
        "title":"",                                    /*(string)窗口標題  若是index.html  有title標題默認使用index的title*/
        "icon": "link.png",                           /* APP圖標（windows下，狀態欄上可見） */
        "toolbar": false,                              /* 是否顯示工具欄 */
        "width": 800,                                 /* 窗口初始化大小 */
        "height": 500,
        "max_width":1000,                                 /*設置軟件最大寬度*/
        "max_height":800,                                 /*設置軟件最大高度*/
        "position":"center",                             /* null:默認 , center :軟件啓動在中間顯示 , mouse:軟件啓動在鼠標指標位置顯示。*/
        "resizable":true,                              /*設置窗口是否能夠調整大小*/
        "frame": true,                               /* 是否顯示外窗體，如最大化、最小化、關閉按鈕 */
        "show_in_taskbar":true                          /*是否在任務欄顯示圖標*/
    },
    "user-agent": "%name %ver %nwver %webkit_ver %osinfo" /* 可自定義APP的UA */
}

 

 

2開發調試，直接將項目目錄 拖到nw.exe 上就能夠了

3 打包

 window 下 ：將項目目錄壓內的文件壓縮合併成zip文件 注意不能直接壓縮文件夾目錄。


copy /b nw.exe+ga.zip app.exe 生成app.exe

要注意的是即便 在node-webkit  10.5  修復了，跳轉頁面時不清理內存形成應用崩潰的問題，可是不能直接使用網絡地址配置成app的入口文件（"main": "http://localhost:8882/app/marketing/index.html#/view/marketActivity",），

這樣切換時也會常常出現應用崩潰。 

入口文件必須是個本地文件    "main": "index.html",再在index.html 作location.href  的跳轉。