欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 >教程文档 >网页制作 > 跨平台桌面应用开发:基于Electron与NW.js[PDF][419.50MB]

跨平台桌面应用开发:基于Electron与NW.js[PDF][419.50MB]

2019-06-17 216 收藏 0 赞一个 0 真差劲 0 去评论 去下载

内容简介

本书是一本同时介绍 Electron和 NW.js的图书,这两者是目前流行的支持使用 HTML、CSS 和 JavaScript 进行桌面应用开发的框架。书中包含大量的编码示例,而且每个示例都是五脏俱全的实用应用,作者对示例中的关键代码都做了非常详细的解释和说明,可让读者通过实际的编码体会使用这两款框架开发桌面应用的切实感受。除此之外,在内容上,本书非常系统,分为4大部分:第1部分介绍两个框架的历史背景,并教大家编写*个桌面应用,让读者对这两个框架有一个初步的感受;第 2部分深入讲解 NW.js和 Electron 的内部工作原理,帮助大家剖析这两个框架的底层机制,让读者对它们有更深入的理解;第 3部分介绍使用框架提供的大量 API 来构建多款实用的桌面应用,全方位地让读者体会使用这两个框架开发桌面应用带来的舒适体验;第 4部分为大家讲解了,当开发完成后,如何对应用进行测试、跨平台打包和发布。可以说这 4部分结合起来将开发桌面应用的整个流程系统化地讲解得非常清楚、到位。相信结合书中大量的示例,读者一定能很快掌握并自己使用 Electron和 NW.js构建出跨平台的桌面应用。

目录

第1部分 欢迎来到.Node.js.桌面应用开发的世界

第1章 Electron和NW.js入门 .3 

1.1 为什么要用.Node.js.构建桌面应用.4 

1.1.1 桌面应用到.Web.应用,再回到桌面应用  .4 

1.1.2 Node.js.桌面应用相比.Web.应用有什么优势  .6 

1.2 NW.js.和.Electron.的起源 .8 

1.3 NW.js.介绍  .9 

1.3.1 使用.NW.js.构建.Hello.World.应用   .10 

1.3.2 NW.js.有哪些特性.15 

1.4 Electron.介绍  .18 

1.4.1 Electron.是如何工作的以及它和.NW.js.的区别是什么 .19 

1.4.2 使用.Electron.开发.Hello.World.应用   .19 

1.4.3 Electron.有哪些特性.25 

1.5 NW.js.和.Electron.支持创建哪类应用   .25 

1.5.1 Slack  .26 

1.5.2 Light.Table .26 

1.5.3 Game.Dev.Tycoon .27 

1.5.4 Gitter  .28 

1.5.5 Macaw  .29 

1.5.6 Hyper  .30 

1.6 小结   .31

第2章 为你的首款桌面应用搭建基础架构.32 

2.1 我们将构建什么应用 .33 

2.2 创建应用  .34 

2.2.1 安装.NW.js.和.Electron.34 

2.2.2 为.NW.js.版本的应用创建文件和文件夹  .35 

2.2.3 为.Electron.版本的应用创建文件和文件夹  .37 

2.3 实现启动界面  .39 

2.3.1 在工具条中展示用户个人文件夹信息   .40 

2.3.2 显示用户个人文件夹中的文件和文件夹  .44 

2.4 小结   .54

第3章 构建你的首款桌面应用 .56 

3.1 浏览文件夹  .57 

3.1.1 重构代码 .57 

3.1.2 处理对文件夹的双击操作.61 

3.2 实现快速搜索  .64 

3.2.1 在工具条中增加搜索框.65 

3.2.2 引入一个内存搜索库.65 

3.2.3 在界面上触发搜索功能.67 

3.3 改进应用内的导航功能 .71 

3.3.1 实现当前文件夹路径可单击    .71 

3.3.2 让应用随着文件夹路径的改变显示对应的文件夹内容 .74 

3.3.3 实现使用默认应用打开对应的文件   .75 

3.4 小结   .77 

第4章 分发你的首款桌面应用 .79 

4.1 对应用进行与分发相关的设置.80 

4.2 对要分发的应用进行打包.83 

4.2.1 使用一种.NW.js.的构建工具   .83 

4.2.2 使用一种.Electron的构建工具   .84 

4.2.3 设置应用的图标 .85 

4.3 在多个操作系统中测试应用.91 

4.3.1 Windows.操作系统.91 

4.3.2 Linux.操作系统 .92 

4.3.3 Mac.OS.系统 .92 

4.4 小结   .92

第2部分 深度剖析

第5章 在NW.js和Electron中使用Node.js.97 

5.1 什么是.Node.js  .98 

5.1.1 同步与异步 .98 

5.1.2 流是一等公民 .101 

5.1.3 事件  .105 

5.1.4 模块  .106 

5.2 Node.包管理器 .109 

5.2.1 寻找应用需要的模块.109 

5.2.2 使用.package.json记录安装的模块   .109 

5.2.3 使用.npm.打包模块和应用.111 

5.3 小结   .114

第6章 探索NW.js和Electron的内部机制.115 

6.1 NW.js.内部是如何工作的 .116 

6.1.1 使用同一个.V8.实例.117 

6.1.2 集成主事件循环 .118 

6.1.3 桥接.Node.js.和.Chromium.的.JavaScript.上下文 .119 

6.2 Electron.内部是如何工作的.119 

6.2.1 libchromiumcontent.介绍.120 

6.2.2 Electron.中的组件.120 

6.2.3 Electron.是如何将应用运行起来的   .121 

6.3 Node.js是如何与NW.js以及Electron一起工作的  .122 

6.3.1 Node.js.集成在.NW.js.的哪个位置   .122 

6.3.2 在.NW.js中使用.Node.js.的缺点   .123 

6.3.3 Electron.是怎么使用.Node.js.的   .123 

6.4 小结   .124

第3部分 精通Node.js桌面应用开发

第7章 自定义桌面应用的外观.127 

7.1 视窗的尺寸和模式 .127 

7.1.1 配置.NW.js.应用的视窗尺寸   .128 

7.1.2 配置.Electron.应用的视窗尺寸   .129 

7.1.3 在.NW.js.中限制视窗的尺寸   .131 

7.1.4 在.Electron.中限制视窗的尺寸   .133 

7.2 无边框应用以及全屏应用.134 

7.2.1 NW.js.中的全屏应用.135 

7.2.2 Electron.中的全屏应用.138 

7.2.3 无边框应用 .140 

7.2.4 kiosk.应用 .145 

7.3 小结   .149

第8章 创建托盘应用 .150 

8.1 使用.NW.js.创建简单的托盘应用.151 

8.2 使用.Electron.创建托盘应用.156 

8.3 小结   .159 

第9章 创建应用菜单以及上下文菜单.161 

9.1 为应用添加菜单 .162 

9.1.1 应用视窗菜单 .162 

9.1.2 使用.NW.js.为.Mac.OS的应用创建菜单  .162 

9.1.3 使用.Electron.为.Mac.OS的应用创建菜单  .163 

9.1.4 为.Windows.和.Linux的应用创建菜单  .166 

9.1.5 基于操作系统来选择渲染具体的菜单  .173 

9.2 上下文菜单  .174 

9.2.1 使用.NW.js.创建上下文菜单   .174 

9.2.2 NW.js.中的上下文菜单是如何工作的  .179 

9.2.3 设置菜单项图标 .180 

9.2.4 使用.Electron.创建上下文菜单   .181 

9.2.5 使用.Electron.添加上下文菜单   .184 

9.3 小结   .185

第10章 拖曳文件以及定制界面.186 

10.1 在应用中拖曳文件 .186 

10.1.1 使用.NW.js.实现在应用中拖曳文件  .187 

10.1.2 使用.Electron.实现拖曳功能   .190 

10.2 模拟操作系统原生样式.191 

10.2.1 检测用户的操作系统.191 

10.2.2 使用.NW.js检测操作系统   .191 

10.2.3 使用.Electron检测操作系统   .192 

10.2.4 使用.CSS匹配用户操作系统的样式  .194 

10.3 小结  .197

第11章 在应用中使用网络摄像头.198 

11.1 使用.HTML5.媒体捕捉.API.来实现相片快照  .198 

11.1.1 解读.NW.js.版的应用.199 

11.1.2 使用.Electron.构建.Facebomb.应用  .205 

11.2 小结  .210 

第12章 存储应用数据 .211 

12.1 应该使用哪种数据存储方案.211 

12.2 使用.localStorage.API.存储便笺数据   .212 

12.2.1 使用.Electron开发.Let.Me.Remember应用  .213 

12.2.2 使用.NW.js开发.Let.Me.Remember应用  .216 

12.3 将待办事项应用移植为桌面应用    .219 

12.3.1 使用.NW.js.移植.TodoMVC.Web.应用  .219 

12.3.2 使用.Electron.移植.TodoMVC.应用   .220 

12.4 小结  .222

第13章 从剪贴板复制和粘贴数据.223 

13.1 访问剪贴板数据 .223 

13.1.1 使用.NW.js.创建.Pearls.应用   .224 

13.1.2 使用.Electron.创建.Pearls.应用   .228 

13.1.3 使用.Electron.将不同类型的数据写入剪贴板 .231 

13.2 小结  .232

第14章 绑定键盘快捷键 .233 

14.1 使用.NW.js.创建贪吃蛇游戏.234 

14.1.1 使用.NW.js.在视窗获取焦点的时候实现键盘快捷键 .242 

14.1.2 使用.NW.js.来创建全局键盘快捷键  .243 

14.2 使用.Electron.为贪吃蛇游戏创建全局快捷键  .245 

14.3 小结  .247

第15章 制作桌面通知 .248 

15.1 关于你要构建的应用 .249 

15.2 使用.Electron.构建.Watchy.应用.249 

15.3 使用.NW.js.构建.Watchy.应用.254 

15.4 小结  .257 

第4部分 准备发布

第16章 测试桌面应用 .261 

16.1 测试应用的不同方法 .262 

16.1.1 测试驱动开发 .262 

16.1.2 行为驱动开发 .264 

16.1.3 不同层面的测试.265 

16.2 单元测试  .265 

16.2.1 使用.Mocha.编写测试.266 

16.2.2 让待完成的测试变成执行通过的测试  .268 

16.3 功能测试  .271 

16.3.1 功能测试实践 .272 

16.3.2 使用.NW.js.和.ChromeDriver.进行测试  .272 

16.4 使用Spectron测试Electron应用.273 

16.5 集成测试  .275 

16.5.1 Cucumber.介绍.276 

16.5.2 使用.Cucumber和.Spectron对.Electron应用进行自动化测试.277 

16.6 小结  .280

第17章 调试并提升应用性能 .281 

17.1 了解你要调试的是什么.282 

17.1.1 确定问题根本原因的位置   .283 

17.1.2 使用浏览器开发者工具进行调试   .284 

17.2 修复.bug  .287 

17.2.1 使用.Node.js.的调试器来调试应用   .288 

17.2.2 使用.NW.js.的开发者工具来调试应用  .291 

17.3 解决性能问题 .296 

17.3.1 Network选项卡.296 

17.3.2 Timeline选项卡.297 

17.3.3 Pro.les选项卡.299 

17.4 调试.Electron.应用 .301 

17.5 小结  .307 

第18章 为多平台打包应用 .308 

18.1 为应用创建可执行文件.309 

18.1.1 为.Windows.系统创建.NW.js.应用的可执行文件 .309 

18.1.2 安装虚拟机 .309 

18.1.3 为一个.NW.js应用创建针对.Windows系统的.exe文件.310 

18.1.4 为一个.Electron.应用创建.Windows.系统的可执行文件 .311 

18.2  为.Windows.的应用创建启动安装器   .314 

18.2.1 使用.NW.js.创建.Windows.系统启动安装器  .314 

18.2.2 使用.Electron创建.Windows系统启动安装器 .321 

18.3 为.Mac.OS.创建.NW.js.应用的可执行文件   .324 

18.3.1 创建.Mac.可执行应用.324 

18.3.2 为.Mac.OS.创建.Electron.应用的可执行文件  .327 

18.4 为.Linux.创建可执行应用.329 

18.4.1 为.Linux.创建独立的.NW.js.应用文件  .330 

18.4.2 为.Linux.创建独立的.Electron.应用文件  .331 

18.5 小结  .333

附录A 安装.Node.js .335

文档截图

QQ截图20190617112929.jpg

跨平台桌面应用开发:基于Electron与NW.js[PDF][419.50MB]

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站所有资源(包括模板、素材、软件、字体等)仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

下载地址
大家评论
分享是个好习惯