html5场景应用 如何开发

HTML5使得Web开发人员能够运用纯HTML技术来开发富客户端互联网应用，甚至是本地桌面应用。它具备将任何普通网站转变为Web应用的能力。HTML5 Web应用不仅在桌面浏览器应用中展现出优势，同时也是智能手机和平板开发的有力工具。

手机端开发工具：PhoneGap

在手机端，有一款出色的工具——PhoneGap。借助这个快速开发平台，任何人都可以使用HTML5、CSS3和JavaScript开发出适用于安卓、iOS等系统的应用。PhoneGap的一大显著特点是，无需联网，也无需连接Web服务器，它可以像本地桌面应用一样使用。一旦下载到本地，就能像本地原生应用一样离线使用。

HTML5本地桌面应用开发框架

通常，我们会发现网上有许多有趣的HTML应用，但使用这些应用时往往需要打开浏览器并输入网址。实际上，用户更倾向于直接点击桌面图标就能启动程序的体验。使用HTML5 + JS开发的本地桌面应用就是为了提供这种体验。除了上述的PhoneGap，还有一些框架可用于开发HTML5本地桌面应用，如Pokki、Chrome Package Apps和Mozilla XUL Runner。

Pokki和Chrome不仅可用于开发HTML5桌面应用，还能将这些应用放到交易市场中出售。

Node - Webkit：开发HTML5本地桌面应用的利器

本文重点要讨论的是另一个有趣的工具——Node - Webkit。它是一个基于Chromium和Node.js的运行平台，能够将HTML5应用打包成本地桌面应用或游戏，并安装到Windows、Linux或Mac系统中。Node - Webkit项目由英特尔开源技术中心开发，发起人是王文睿。

为何Node - WebKit是开发HTML5本地桌面应用的最佳选择

1. 独立运行：Node - WebKit可以将HTML5应用打包成本地桌面应用，在Windows、Linux或Mac平台上，无需其他依赖即可独立运行。
2. 支持Node.js：可以使用Node.js的所有模块来开发应用或游戏，既可以使用Node.js原生模块，也能使用第三方的Node.js模块。

如何使用Node - Webkit开发HTML5本地桌面应用

使用Node - Webkit开发HTML5本地桌面应用的过程相对简单，具体步骤如下：

1. 开发HTML5应用：像传统方式一样开发HTML5应用。
2. 创建package.json文件：
   • 先下载Node - Webkit。
   • 创建一个名为package.json的包文件，并写入以下代码：

     {
     "name": "nw - demo",
     "main": "index.html"
     }
     

   • 这里的“name”是应用的名称，“main”是应用的启动文件，即应用启动时首先加载的文件。
3. 打包应用：
   • 将HTML5应用文件和package.json一起打包成zip文件。
   • 重命名zip文件，将其后缀改为.nw，例如app.nw。
4. 运行应用：
   • Linux系统：使用以下命令运行应用：

     ./nw app.nw
     

   • Windows系统：直接将app.nw拖拽到nw.exe程序上即可。
5. 封装应用以便传播和发布：
   • Linux系统：将HTML5应用app.nw和Node - Webkit封装到一起，使用以下命令：

     cat /usr/bin/nw app.nw > app && chmod +x app
     

   • Windows系统：使用以下命令：

     copy /b nw.exe + app.nw app.exe
     

通过以上步骤，就能使用Node - Webkit开发并发布HTML5本地桌面应用。