继续挖坑之 NW.js (一) 介绍

NW.js是什么?

NW.js是基于Chromiumnode.js应用, 你可以用HTML和JavaScript写桌面级应用程序,并可以在DOM中直接调用Node.js模块.让你用所有Web技术开发桌面级应用,而且你能方便的打包你的web应用程序到桌面应用程序.

安装 NW.js

从它的官方网站中下载最新的压缩包到你的本地并解压.

开始写NW.js应用程序

例子 1 - Hello World

步骤1. 创建 package.json

{
  "name": "helloworld",
  "main": "index.html"
}

package.json是你的应用程序的描述文件. 它是JSON格式的. main字段指明由NW.js打开的首页,即index.html, name字段是在所有NW.js应用程序中所用的唯一的名字.

步骤2. 创建index.html


<html>
  <head>
    <title>Hello World!title>
  head>
  <body>
    <h1>Hello World!h1>
  body>
html>

这就是通常的HTML文件,你可以像往常一样写这个页面,并使用所有最新的web技术.

NW.js 基于Chromium,也就是可以使用Chrome中的特定功能,如 File System API, 实验的CSS样式对于-webkit前缀. 请小心使用这些功能,因为它们随时可能被弃用.

步骤3. 运行应用程序

cd /path/to/your/app
/path/to/nw .

/path/to/nw是NW.js的可执行文件路径,Windows下它是nw.exe,Linux下是nw, Mac下是 nwjs.app/Contents/MacOS/nwjs.

在Windows下允许你拖放package.jsonnw.exe中运行你的应用程序(我没有成功).
但是拖动他所属的文件夹到nw.exe好使

打包

官方指定两种打包方式 ,详细了解请看文档

我简单说一下在Windows下,官方文档的推荐作法
1. 把上面的例子打成zip包,保证压缩包下直接为package.jsonindex.html. 例如helloworld.zip.
2. 重命名helloworld.ziphelloworld.nw.
3. 移动helloworld.nw到nw.exe所在的文件夹内.
4. 在命令行中执行copy /b nw.exe+helloworld.nw app.exe.
5. 双击运行app.exe.

效果如图
继续挖坑之 NW.js (一) 介绍_第1张图片

你可能感兴趣的:(NW)