图片 1

前言:

收益于Node的问世,Javascript终于可以挣脱浏览器这么些规则的盒子。于是,Javascript可以开发服务器应用了。既然Javascript可以运行在操作系统中,那是否也能拔取Javascript像C/C++开发那二个个桌面应用呢。

在谷歌一番随后,果然已经有哲人落成了这么些想法了。

Node-WebKit,把浏览器的布局引擎WebKit和Node.js结合了在一起。WebKit负责处理HTML5
UI相关的部分,而Node.js负责本地的API接口,比如文件系统,互联网,设备等等。

2个亟需专门指示的,Node-WebKit的开发维护者正是国内的王文睿大大,中国人啊,很自豪有木有!!然则项目文档好想没有粤语版的,只是英文版的,那或许是要和国际接轨的来头吧。

品种地址:https://github.com/rogerwang/node-webkit

话不多说,我们撸起袖子,发轫尝试一下运用前端技术开发桌面应用的野趣吧。

Windows桌面版《2048》

Step 1 备选材质

① 、node-webkit(本文使用v0.8.6-win版本):
http://dl.node-webkit.org/v0.8.6/node-webkit-v0.8.6-win-ia32.zip

2、基于jQuery实现的2048游戏:
http://www.w3cfuns.com/blog-5446836-5399036.html(原文地址)
https://github.com/JerryC8080/My2048(下载地址)

node-webkit的其他版本,在项目地址(https://github.com/rogerwang/node-webkit)可以下载拿到,不相同操作系统是见仁见智版本的。

基于jQuery落成的2048游乐,是自个儿前边做的二个小玩意儿,而这一遍就完善移植到Windows桌面,哇嘎嘎嘎。

node-webkit下载并解压之后,如下:

图片 2

文本表明:

  • nw.pak –核心Javascript库
  • incudt.dll –网络库
  • ffmpegsumo.dll –媒体库,为、只怕此外媒体成效提供资助
  • libEGL.dll、libGLESv2.dll、D3DCompiler_43.dll、d3dx9_43.dll
    –该八个dll,为WebGL、GPU、DirectX提供接济

依据jQuery完结的2048游戏下载并解压之后,如下:

图片 3

Step 2 编写package.json文件

在《2048》游戏的目录,新建3个package.json文件,输入内容:

{
  "name": "MyDemo",
  "main": "index.html",
  "window": {
    "toolbar": false,
    "resizable": false,
    "width": 660,
    "height": 800
  }
}

图片 4

Step 3 压缩源程序

大家采用压缩工具,把早已编制好的../My2048-master目录里面的内容收缩。
调减必要注意的两点:

  1. 压缩格式要为zip;
  2. 文本后缀名要为.nw;

如图:

图片 5

削减落成

图片 6

Step 4 预览

把减掉好的 My2048-master.nw 文件复制到node-webkit目录:

图片 7

运行cmd,

移动到node-webkit所在的目录: cd + node-webkit所在的不二法门

运营命令:nw My2048-master.nw

图片 8

便能看到预览效果了

图片 9

Step 5 生成exe执行文书

照例在node-webkit的目录下

运维命令:copy /b nw.exe+My2048-master.nw My2048.exe

图片 10

OK,我们可以看来node-webkit目录下多了三个My2048.exe的实施文书,大家双击它运维看看效果:

图片 11

图片 12

Step 6 打包程序

一旦想把那一个顺序发给朋友,除了.exe文件之外,还须要包罗其它四个必备的公文:

  • icudt.dll(要求互连网库)
  • nw.pak(核心javascript库)

那多个是最中央的文件,借使程序还隐含了其他职能,还索要包罗相呼应的dll文件,各样文件效用表达著作早先已经认证了。

从而,大家取得了最中央的揭橥版了:

图片 13

相关文章

网站地图xml地图