zoukankan      html  css  js  c++  java
  • Node-webkit 介绍


    什么是Node-webkit ?

    Node-webkit 是Intelproject师rogerwang写的一个基于node.js和chromium的应用程序执行环境,通过node-webkit,我们能够使用html/javascript/css编写pc桌面应用。

    事实上能够理解为还是编写web app。可是能够使用node.js的api,最后将整个应用连浏览器打包公布出去。所以它不受平台限制(使用到node.js调用操作系统api除外),一份代码打包到相应平台公布就可以,假设有了解过phonegap/cordova。这个node-webkit和它们是非常类似的。仅仅是多了node.js这一块。

    项目地址:https://github.com/rogerwang/node-webkit

    入门Demo

    这里介绍使用node-webkit开发一个项目的操作流程。

    1. 下载node-webkit

      https://github.com/rogerwang/node-webkit 下载相应操作系统的文件。解压就可以。

      建议将其加入到环境变量中。

    2. 新建项目

      新建项目目录. C:/Users/keith/node/webkitdemo
      新建 package.json

       <!DOCTYPE html>
       <html>
         <head>
           <title>Hello World!</title>
         </head>
         <body>
           <h1>Hello Node-webkit</h1>
               Node.js version: <script>document.write(process.version)</script>.
         </body>
       </html>
      
    3. 执行

      在命令行下:

       npm install node-webkit-builder -g
       cd C:/Users/keith/node/
       nwbuild -p win C:/Users/keith/node/webkitdemo/
       cd build/demo/win/
       ./demo.exe  //执行程序
      

      此时你能够选择直接将编译后的目录压缩公布出去。也能够选择再将编译后的目录打包为一个exe文件,直接公布这个exe文件,假设要这样做的话须要一个一个工具Enigma Virtual Box,安装之后执行Enigma virtual box
      在Enter Input File Name选择C:/Users/keith/node/build/win/demo.exe文件,再点击以下的addbutton加入C:/Users/keith/node/build/demo/win文件夹下的全部dll文件和nw.pak,再点击Files Opions,勾选compress压缩文件,最后点击Process。完毕。

    总结

    通过node-webkit能够非常方便的开发一些pc桌面应用,再结合node.js又能够开发出非常多有趣的东西,比方结合node.js创建本地server,操作本地文件等等。

    能够高速的开发出跨平台应用。不太好的地方就是打包后的应用体积较大,即使压缩后也有3。40M。

  • 相关阅读:
    【PHP】php重写session的存储机制
    【Javascript】原生js 全特效微博发布面板效果实现
    【Javascript】原生js百叶窗效果的实现及原理介绍
    【jQuery】jquery全屏滚动插件【fullPage.js】API 使用方法总结
    从百度音乐和酷狗音乐的分类想到的
    jQuer __Ajax DOM
    面向对象闭包 继承
    Git
    设计模式
    html5标签大全
  • 原文地址:https://www.cnblogs.com/tlnshuju/p/7116661.html
Copyright © 2011-2022 走看看