node-webkit学习（1）hello world

时间 2019-11-17

标签 node webkit 学习 hello world 繁體版

原文原文链接

node-webkit学习（1）hello world

文/玄魂html

目录html5

node-webkit学习（1）hello world. 1node

前言... 1linux

1.1 环境安装... 1git

1.1.1 windows下的安装github

1.1.2 linux环境下的安装web

1.2 hello worldjson

... 2ubuntu

前言

几个月前，要开发一个简易的展现应用，要求支持离线播放（桌面应用）和在线播放（web应用）。windows

当时第一想到的是flex，同一套代码（或者只需少许的更改）就能够同时运行在桌面和浏览器上。因为不少展示效果要全新开发，我想到了impress.js(https://github.com/bartaz/impress.js/)。若是选择impress.js，就意味着要将html5做为桌面应用，当时想到要封装webkit，可是本人对这方面也不是很熟悉，时间也颇有限，就又沿着这个方向搜索，找到了node-webkit(https://github.com/rogerwang/node-webkit)。

node-webkit解决了我经过html和js来编写桌面应用的难题。

至于node-webkit的定义，按照做者的说法：

“ 基于node.js和chromium的应用程序实时运行环境，可运行经过HTML(5)、CSS(3)、Javascript来编写的本地应用程序。node.js和webkit的结合体，webkit提供DOM操做，node.js提供本地化操做；且将两者的context彻底整合，可在HTML代码中直接使用node.js的API。”

1.1 环境安装

webkit是开源项目，项目地址为https://github.com/rogerwang/node-webkit。

咱们能够在该项目首页找到downloads节（https://github.com/rogerwang/node-webkit#downloads），该处提供了预编译版本：

Prebuilt binaries (v0.9.2 - Feb 20, 2014):

· Linux: 32bit / 64bit

· Windows: win32

· Mac: 32bit, 10.7+

1.1.1 windows下的安装

下载windows版本的安装包，解压到磁盘。

双击nw.exe,出现以下界面：

1.1.2 linux环境下的安装

以ubuntu为例，首先下载安装包。

wget http://dl.node-webkit.org/v0.8.5/node-webkit-v0.8.5-linux-ia32.tar.gz

解压：

tar -xzf node-webkit-v0.8.5-linux-ia32.tar.gz

运行nw，看是否正常。

我出现

./nw: error while loading shared libraries: libudev.so.0: cannot open shared object file: No such file or directory

的错误。能够按以下方式解决：

1)下载安装ghex：sudo apt-get install ghex

2)在nw可执行文件目录中用ghex打开nw：

ghex nw

3)在ghex中，ctrl+f,打开搜索工具，查找libudev.so.0。

关闭搜索框，在右侧字符窗口，修改0为1。

4)ctrl+s保存后退出ghex，如今再打开nw就会看到一个小窗口了，这就成功了。

1.2 hello world

鄙视不标明出处的转载，更多相关内容，欢迎访问玄魂的博客

对新的运行时的尝试，每每都是从经典的hello world开始，本人也难免落俗。

先新建一个helloWorld目录，存放相关文件。

先建立helloWorld.html文件，内容以下（来自做者的示例）：

<!DOCTYPE html>

<html>

<head>

<title>Hello World!</title>

</head>

<body>

<h1>Hello World!</h1>

We are using node.js <script>document.write(process.version)</script>.

</body>

</html>

下一步，建立package.json文件：

{

"name": "helloworld",

"main": "helloworld.html"

}

第三步，将helloworld.html和package.json打包到一个zip文件包中。

下面咱们使用nw来执行压缩包。

./nw ../helloword/hello.nw

1.3 关于打zip包问题

距离写这篇文章已通过去2年多了，当时是基于官方的文档，把咱们本身的素材打到zip包中运行。发布的时候不少人也在按官方文档的方式把zip包和exe合并到一块儿。

实践证实，这并非一种好方法，一来调试程序很不方便，二来程序启动的时候要解压文件致使启动速度慢，第三程序无法灵活的使用相对目录。

nw在启动的时候会自动在启动目录寻找package.json并加载，因此在非特殊须要状况下，没有必要打包运行。

在程序发布的时候，能够采用安装包的方式进行安装，全部文件在安装目录里，放出快捷方式来供用户访问，也不须要去打包。因此个人建议是尽可能避免此种方式。

原文连接：http://www.xuanhun521.com/Blog/2014/4/9/node-webkit%E5%AD%A6%E4%B9%A01hello-world

下一篇文章，讲解基本的程序结构和配置。