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

最新推荐文章于 2024-04-21 11:00:35 发布

魏小雨

最新推荐文章于 2024-04-21 11:00:35 发布

阅读量5.5k

点赞数 2

分类专栏： NW 文章标签： NW-js html web应用桌面应用

本文链接：https://blog.csdn.net/wq_static/article/details/50634229

版权

NW 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

NW.js是什么?

NW.js是基于Chromium和node.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

<!DOCTYPE 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.json到nw.exe中运行你的应用程序(我没有成功).
但是拖动他所属的文件夹到nw.exe好使

打包

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

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

效果如图
这里写图片描述

魏小雨

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
继续挖坑之 NW.js (一) 介绍

NW.js是什么?NW.js是基于Chromium和node.js应用, 你可以用HTML和JavaScript写桌面级应用程序,并可以在DOM中直接调用Node.js模块.让你用所有Web技术开发桌面级应用,而且你能方便的打包你的web应用程序到桌面应用程序.安装 NW.js从它的官方网站中下载最新的压缩包到你的本地并解压.开始写NW.js应用程序例子 1 - Hello World步骤1. 创建
复制链接

扫一扫