WebtopHTMLApp开发引擎课件.ppt

突破浏览器框框 Windows渲染原理 JS如何跟C++交互 JS中执行nativie代码 C++执行JS代码 如何与窗口关联 V8为全局对象，如何知道为哪个窗口调用 注入窗口句柄 何时注入? 是否需要JS回传句柄 如何处理二进制 没有固定类型 数组性能极低 Canvas Hack 如何实现多窗口，多进程通讯 通过窗口句柄，控制其他窗口 跨进程内存共享 Alloy Desktop原理 注册V8全局对象(webtop)，提供api供js用。 封装窗口类，提供窗口操作。 页面上注入一变量，代表窗口句柄。供api调用时传递窗口句柄，实现对特定窗口的控制。 提供自定义事件，js通过事件监听实现回调。 API接口可无限扩展，只需扩展全局对象的属性或方法。 Alloy Desktop优势 快速 美观 可扩展 Alloy Desktop缺陷 渲染性能还需提高 安全 未来 JS加密 精简 更新内核 …… “ ” “ ” Alloy Desktop Html5 App 开发引擎 大纲 缘起 实现 应用 原理 愿景 Web能做什么 JS能做什么 前端交互 nodejs Web还能做什么 ？ Web的优势 快速构建界面 灵活 调试方便 Web的缺陷 性能差 安全性差 语言过于灵活，可能存在逻辑隐患 突破浏览器 可是…… 如何实现透明渲染 JS如何跟C++交互 JS如何调用C++接口 C++如何回调JS 如何与窗口关联 如何处理二进制 如何实现多窗口，多进程通讯 ？ Alloy Desktop简介 Html5 app开发引擎 音乐播放器 …… QQ 浏览器 Alloy Desktop API 窗口显示控制 IO 系统底层 二进制处理 …… Alloy Desktop开发流程 编写页面 生成app文件 修改配置 双击运行 Alloy Desktop运行流程 读取配置文件 启动浏览器，读取网页 窗口关闭，退出浏览器 “ ” “ ”