桌面应用嵌入H5（Node-Webkit或者Electron）

一、Node-Webkit

1、简介:

可将网页文件嵌入到桌面应用程序中，例如暴雪的星际争霸，腾讯的微信、QQ桌面版，酷我音乐等都采用混合桌面应用。

2、使用方法

（1）下载对应操作系统的Node-Webkit包；

（2）编写网页文件及package.json文件（Demo是桌面应用的Title,Demo.html是第一个展示的界面）；

 package.json基础内容：

{“name”:”Demo”,

 “main”:”Demo.html”

}

（3）将编写的文件一起压缩；

（4）将压缩文件example.zip放到Node-Webkit包的根目录中，拖拽到nw.exe可执行；

（5）使用cmd进入Node-Webkit包目录，执行copy /b nw.exe+example.zip example1.exe，可得到依赖Node-Webkit包的example1.exe，点击example1.exe也可以执行；

（6）利用Enigma Virtual Box将Node-Webkit包和example1.exe封装成一个独立exe，注意Enigma Virtual Box界面的input中选择example1.exe后，将Node-Webkit包和example1.exe拖拽至界面中的Virtual Box Files，再执行封包。

三、Node.js（Node-webkit可结合webservice、node.js、php服务端使用）（webservice和node.js的详细使用看我的其他博客）

1、简介

可读写文件、读写数据库，将js的功能扩展至服务端。

2、使用示例

var http= require('http');

http.createServer(function (req, res) {

  res.writeHead(200, {'Content-Type': 'text/plain'});

  res.end('Hello World\n');

}).listen(1337, "127.0.0.1");

console.log('Server running at http://127.0.0.1:1337/');

注意：报events.js:183或标准V8错误时关闭进程中的node.exe

3、配置node连接oracle的环境

（详见https://www.cnblogs.com/xcxcxcxc/p/6344180.html）

（1）node-v6.9.1-x64.msi安装；

（2）python-2.7.12.amd64.msi安装；

（3）oracle instantclient（instantclient-basic-win-x86-64-11.2.0.1.0.zip  和  instantclient-sdk-win-x86-64-11.2.0.1.0.zip）解压及配置环境变量；

（4）NET_Framework_4.6.exe安装；

（5）Visual Studio 2015(6).visualcppbuildtools_full.exe安装；

（6）npm（nodejsPackageManager）配置镜像及oracledb安装。

4、示例代码

var oracledb = require('oracledb');

oracledb.getConnection(

  {

    user          : "hr",

    password      : "welcome",

    connectString : "localhost/XE"

  },

  function(err, connection)

  {

    if (err) {

      console.error(err.message);

      return;

    }

    connection.execute(

      "SELECT department_id, department_name "

    + "FROM departments "

    + "WHERE department_id = :did",

      [180],

      function(err, result)

      {

        if (err) {

          console.error(err.message);

          return;

        }

        console.log(result.rows);

      });

  });

二、Electron

VS Code是用Electron开发的。

https://zhuanlan.zhihu.com/p/266535551