Dev Mac Desktop App using node-webkit

今天搜用HTML5做Desktop App找到这个,话说node.js的社区做的越来越好了,最近搜到的很多有趣的项目都是nodejs的。

下载node-webkit:https://github.com/rogerwang/node-webkit

解压后会有一个node-webkit.app,等下我们可以打包进这个app。

Step 1:

新建一个folder,比如nwtest,里面新建index.html,内容随便写。
接着新建一个pakage.json,内容:

{
    "name" : "nwtest",
    "main" : "index.html",
    "window": {
        "fullscreen": false, 
        "resizable": false, 
        "title": "coins", 
        "always-on-top": false, 
        "frame": true, 
        "height": 340, 
        "visible": true, 
        "as_desktop": false, 
        "position": "", 
        "show_in_taskbar": true, 
        "width": 500, 
        "toolbar": false, 
        "icon": ""
    }
}

Step 2:

进Terminal,cd进这个folder,然后执行:
$ zip -r ../${PWD##*/}.nw *
这样就把这个文件夹打包成了.nw文件。cd进上一级目录会看到一个nwtest.nw

Step 3:

在Terminal下cd 进刚才下载的node-webkit.app,cd Contents/Resources,然后cp nwtest.nw app.nw ,就是把在第二步里打包的nwtest.nw拷贝进Contents/Resources,然后命名为app.nw

很简单,这样就打包结束了,再打开你的node-webkit.app,会自动load你的index.html,接下来你就可以发布这个app了。

示例:

我打包个用Phaser的HTML5游戏引擎做的小游戏,下载地址:
https://www.dropbox.com/s/d6rsbkao8rjjab6/Coins.zip?dl=0

参考:

How to package and distribute your apps

0 comments:

Leave a Reply

Your email address will not be published. Required fields are marked *