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下的封装。但愿你可以分享下。