node-webkit實踐－一鍵安裝

博客原文地址node-webkit實踐－一鍵安裝

前言

好久之前我簡單的寫過關於node-webkit的使用,可是我在更換博客的時候丟棄了，我在下面的文章把它引用一遍。
node-webkit其實在不少地方用處很大，請自行發散。
本文的相關代碼：點擊查看demo的代碼

本文會根據之前的文章進行實踐，一樣會變動一些地方。主要從如下幾個方法介紹：

1. 獲取node-webkit
2. 以個人博客爲例製做一個客戶端。
3. windows下打包一個一鍵安裝包

引用

最近開發艾聯的商家管理web後臺，因爲後臺的效果採用了html5，爲了照顧到全部低版本瀏覽器的商家，開始了無休止的兼容性調試，可是最終仍是沒有達到預期。

爲了提供更好的體驗，決定採用pc客戶端的形勢展現商家管理後臺。
查了一下資料，發現有兩款基於node的客戶端打包工具
appjs：https://github.com/appjs/appjs
node-webkit: https://github.com/rogerwang/node-webkit
由於先看到的是node-webkit因此就採用了這種方式
做用：將web轉化成原生桌面的應用（win，linux，mac）
步驟：
1. 製做web頁面
2. 打包文件，參考如何打包你的app
3. win下能夠經過Inno等軟件製做安裝包
問題：
4. 64位運行：由於本身傻，一開始沒看懂api，後來看懂了，直接把包放到目錄下運行就行了
5. 軟件更新：這是我沒有解決的地方，由於沒辦法直接去修改打包的內容，因此沒辦法去更新。我只好退而求其次，直接把

個人地址放在了配置文件中。這樣我就不用擔憂軟件的更新了

最終的windows版就直接能夠打包成了安裝包。因爲屬於公司產品，因此沒有辦法開放個人源碼，請見諒。

獲取node-webkit

1. git地址
2. 很好的中文手冊&教程

實際例子

你們如今瀏覽的是個人博客，咱們以這個博客爲例子，分別進行封裝。由於個人博客作過自適應，因此咱們本身來把它變成一個小型的桌面應用。

• 下載node-webkit 32位
  這裏能夠很好的下載各類版本的。我下載32位的。
• 解壓配置
  解壓你下載的文件包，在裏面新建一個文件夾，我命名爲個人博客名稱「cindy」
  
• 添加配置文件package.json
  個人配置文件很簡單，由於我是遠程加載的。

{% highlight json %}
    {
      "main": "http://cindyfn.com",

      "name": "cindy-blog",

      "description": "會寫ios的前端",

      "version": "0.1.0",

      "keywords": [ "web","IOS","nodejs","javascript","js","object-c","前端開發","ios開發" ],

      //定義windows表現
        "window": {

        "title": "cindy的博客",

        "icon": "logo.png",

        "toolbar": false,

        "frame": true,

        "width": 320,

        "height": 500

        }
    }
    {% endhighlight %}

• 打包運行

  備：windows下運行能夠將cindy文件夾拖拽到nw.exe中進行展現

  打包：在windows下打包cindy文件夾下文件爲cindy.zip打包，並修更名字爲cindy.nw
  打包exe: copy /b nw.exe+cindy.nw cindy.exe
  

  這樣就會在文件夾下又一個cindy.exe，點擊運行就會看到相應的效果。
  

  不過。你不要覺得這樣就大功告成了，你嘗試把cindy.exe單獨拿出來運行，貌似不能運行了。爲何？覺得它的運行是依賴包內的chrome的，你單獨拿出來固然不能運行了。不過別急，繼續往下面看，教你如何打包安裝包。

  切換到windows電腦。有點不習慣。

windows下封裝

趣：因爲我目前用的是mac，沒有win系統，因此把我塵封已久的電腦拿出來了，畫質很差不要怪我。

node-webkit官方建議使用的封裝軟件是Inno,點擊查看詳情
具體的使用方式能夠參考這裏如何封裝EXE安裝程序

我已經按照這個步驟封裝了個人博客exe，參見這裏cindysetup.exe

說在後面

本文是針對windows進行封裝，你也能夠嘗試使用mac，linux下的封裝。但願你可以分享下。