node-webkit的get-start

作者: Addy_Zhou | 来源:发表于2015-12-03 10:51 被阅读109次

    什么是node-webkit

    用来做桌面应用;
    node+webkit:
    node做本地化调用,文件接口、网络接口啦;
    webkit解析执行html、javascript;
    lunk

    get-start

    note:以下步骤是在windows环境下,不适用与其他环境

    1.下载node-webkit
    https://github.com/rogerwang/node-webkit
    打开上面链接,找到Downloads小节,下载对应平台的编译包;
    我下载的是window版,解压node-webkit
    
    QQ图片20151203102602.png
    2.hello world

    在node-webkit解压目录,新建example.html,编辑内容如下:

    <!DOCTYPE html>
    <html>
        <head>
          <title>Hello World!</title>
        </head>
        <body>
           <h1>Hello node-webkit!</h1>
               We are using node.js <script>document.write(process.version)</script>.
        </body>
    </html>
    

    在同一级目录下再建一个package.json,内容如下:

    {
       "name": "nw-demo",
       "main": "example.html"
    }    
    

    使用压缩工具把example.html和package.json两个文件压缩成.zip,得到压缩文件example.zip;然后用鼠标把example.zip拖动到nw.exe上运行;

    QQ图片20151203103327.png QQ图片20151203103423.png
    3.打包

    example的运行,需要node-webkit下的.dll、.pak、nw.exe文件,所以把它们跟example一起打包,使打好的包一键运行;

    与nw.exe合并

    我们合并example.zip和nw.exe,形成一个新文件,名为example1.exe,这一点我们通过windows的命令行下的copy命令可以实现:
    copy /b nw.exe+example1.zip example1.exe

    与.dll、.pak合并

    首先需要安装一个Enigma Virtual Box 的打包工具,点击以下地址安装
    http://enigmaprotector.com/assets/files/enigmavb.exe

    启动Enigma Virtual Box,在Enter Input File Name栏选取example1.exe;
    在Files框下点击Add,把.dll、.pak文件添加进来;
    在Files Options项下选取compress Files(压缩打包);
    点击Process,执行打包,最终获得了一个example1_boxed.exe的文件,就是这个啦;
    把它发给你的朋友,让他双击看看;

    QQ图片20151203104851.png

    相关文章

      网友评论

        本文标题:node-webkit的get-start

        本文链接:https://www.haomeiwen.com/subject/fshshttx.html