jQuery 1

前言:

得益于Node的出版,Javascript终于可以挣脱浏览器这一个规则的盒子。于是,Javascript可以开发服务器应用了。既然Javascript可以运转在操作系统中,那是或不是也能采纳Javascript像C/C++开发那多少个个桌面应用呢。

在谷歌一番从此,果然已经有哲人达成了这些想法了。

Node-WebKit,把浏览器的布局引擎WebKit和Node.js结合了在一块儿。Web基特负责处理HTML5
UI相关的片段,而Node.js负责本地的API接口,比如文件系统,网络,设备等等。

一个内需专门提示的,Node-WebKit的支付维护者正是国内的王文睿大大,中国人呀,很自豪有木有!!然而项目文档好想没有普通话版的,只是英文版的,这可能是要和国际接轨的缘故呢。

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

话不多说,大家撸起袖子,开端尝试一下拔取前端技术开发桌面应用的乐趣吧。

Windows桌面版《2048》

Step 1 备选资料

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下载并解压之后,如下:

jQuery 2

文本表明:

  • nw.pak –核心Javascript库
  • incudt.dll –网络库
  • ffmpegsumo.dll –媒体库,为、或者其余媒体功用提供支持
  • libEGL.dll、libGLESv2.dll、D3DCompiler_43.dll、d3dx9_43.dll
    –该七个dll,为WebGL、GPU、DirectX提供扶助

基于jQuery达成的2048游戏下载并解压之后,如下:

jQuery 3

Step 2 编写package.json文件

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

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

jQuery 4

Step 3 压缩源程序

我们利用压缩工具,把早已编制好的../My2048-master目录里面的内容收缩。
减去要求留意的两点:

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

如图:

jQuery 5

调减完毕

jQuery 6

Step 4 预览

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

jQuery 7

jQuery,运行cmd,

运动到node-webkit所在的目录: cd + node-webkit所在的门径

运转命令:nw My2048-master.nw

jQuery 8

便能看到预览效果了

jQuery 9

Step 5 生成exe执行文书

仍旧在node-webkit的目录下

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

jQuery 10

OK,大家可以见到node-webkit目录下多了一个My2048.exe的推行文书,大家双击它运行看看效果:

jQuery 11

jQuery 12

Step 6 打包程序

一旦想把那些程序发给朋友,除了.exe文件之外,还索要包蕴别的七个须要的文件:

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

那三个是最要旨的文书,倘若程序还富含了其余作用,还亟需包括相呼应的dll文件,各样文件成效表明作品开首已经评释了。

故而,我们取得了最大旨的发表版了:

jQuery 13

相关文章

网站地图xml地图