zoukankan      html  css  js  c++  java
  • Node-Webkit打包

     

    1.node-webkit是什么?
    NW.js is an app runtime based on Chromium and node.js. You can write native apps in HTML and JavaScript with NW.js. 
    Node-Webkit的运行条件是基于Chromium(谷歌浏览器引擎)和node.js。nw.js使得你可以使用html与js编写本地应用。
     
    *NW.js是Node-Webkit的简称
     
     
    2.下载node-webkit https://github.com/nwjs/nw.js
    找到如图:
      
    按需下载。
    下载完成后是个压缩包。解压即可。
    然后看到nw.exe文件:
    双击运行一下,看是否正常:
     
    黑黑的还是挺酷的!
     
    3.编写第一个示例,这个https://github.com/nwjs/nw.js都有,很简单。直接照着来就行。
     
    4.结合我之前做的nodejs扫描文件,每次ctrl+b嫌麻烦,这里就打成一个包来直接双击运行。
    在与nw.exe文件的同目录下,新建一个test文件夹。
     
    里面放着的目录:
     
    app.js:是之前的扫描文件。
    package.json:
    复制代码
    {
        "name":"zqz", //这里的name属性很重要,类似唯一标示。不可少!
        "main":"index.html", //窗口要渲染的文件
        "nodejs":true,    //true,为启用nodejs
        "node-main":"app.js", //nodejs的入口文件
        "window":{    //简单的设置了一个属性
            "width":800,
            "height":500
        }
    }
    复制代码
     
    index.html:
    复制代码
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
        <title>Frist Web Desk App</title>
    </head>
    <body>
     
    <h1>扫描切归并成功!</h1>
     
    </body>
    <script type="text/javascript" src="app.js"></script>
    </html>
    复制代码
     
    步骤一:
     将上面三个文件右键压缩成一个以.zip为后缀的文件。
     
     
    步骤二:将test.zip文件直接copy到与nw.exe同级的文件中
     
     
    然后直接将test.zip拖拽到nw.exe上。这样可以直接执行。虽然这样方便,但是不酷!所以say no~
     
    步骤三:将nw.exe文件与test.zip文件合并成一个文件
    在命令行中进行如图的操作:
     
     
    nw.exe一定要在test.zip之前!
    最后,牛逼的exe生成了!
     
    让我们双击它!
     
    我现在桌面上有很多截图:
     
    当当当当~~~~
    桌面干净了!
     
    但是!!我还是觉得不够酷!为什么?因为我想发给别人来装X!哈哈
    所以我们可以下载一个这个打包软件:http://enigmaprotector.com/assets/files/enigmavb.exe
     
     
    Add:选中我们文件夹中除了test文件夹。
     
     
     
    然后将我们的scanDeskImg_boxed.exe文件复制到桌面,看看能不能运行成功,如果运行成功,说明你可以尽情的装X了!
     
    **问题一:
    我在桌面上第一次运行失败,报需要locales文件夹。
    所以我将locales文件copy到桌面,然后就可以了!
    可能是我文件中有中文的问题。
     
    问题二:打包后的文件太大:
     
  • 相关阅读:
    VA对于开发QT是神器,VA自动补全QT
    64位下好神奇啊(增加了PatchGuard技术保护自己,SSDT是相对地址,参数通过寄存器与rdi来传递)
    贵在坚持
    VC程序查错之内存访问异常
    QT源码解析(一) QT创建窗口程序、消息循环和WinMain函数
    QTimer源码分析(以Windows下实现为例)
    Go语言的优点(oschina讨论)
    致诸位新程序员:来自Chuck Jazdzewski慈父般的忠告
    poj1483 It's not a Bug, It's a Feature!
    App应用与思考
  • 原文地址:https://www.cnblogs.com/hss-blog/p/9857943.html
Copyright © 2011-2022 走看看