electron和node版本对应关系 NODE_MODULE_VERSION和node版本对应关系 附录 ⽂档和教程 参考资料 1 2 跨平台桌⾯应⽤框架：Electron 最新版本： v1.0 更新时间： 20200808 简介 介绍跨平台桌⾯应⽤框架Electron的基本概念、基本原理、核⼼优势以及额外特性；介绍了⽤Electron 开发出的常⻅应⽤有哪些；解释了如何安装E work_electron: 跨平台桌⾯应⽤框架：Electron 如何使⽤此Gitbook源码去⽣成发布为电⼦书 详⻅：crifan/gitbook_template: demo how to use crifan gitbook template and demo 在线浏览 跨平台桌⾯应⽤框架：Electron book.crifan.com 跨平台桌⾯应⽤框架：Electron crifan crifan.github.io 离线下载阅读 跨平台桌⾯应⽤框架：Electron PDF 跨平台桌⾯应⽤框架：Electron ePub 跨平台桌⾯应⽤框架：Electron Mobi 版权说明 前⾔ 3 此电⼦书教程的全部内容，如⽆特别说明，均为本⼈原创和整理。其中部分内容参考⾃⽹络，均已备 注了出处。如有发现侵犯您版权，请通过邮箱联系我 admin 艾特 crifan.com

Ryan Chen 陈亮, Engineering Manager Chromecast and Home, Google Typescript, Angular, 和移 动端的跨平台开发 1 What’s TypeScript? What’s TypeScript? ● A statically typed superset of JavaScript that compiles into

及 Android 之外再重新开发和维护一套鸿蒙应用，在如今业界越来越注 重开发迭代效率的环境下，所带来的开发成本也是难以估量的。因此，通过打造一套 合适的跨端框架，以相对低的成本移植应用到鸿蒙平台，并利用好该系统的特性能 力，就成为了一个非常重要的选项。 在现有的众多跨端框架当中，Flutter 以其自渲染能力带来的多端高度一致性，在新 系统的适配上有着突出的优势。虽然 Flutter 业务 的开发者；中间层为引擎层，使用 C/C++ 开发，实现了 Flutter 的渲染管线和 Dart 运行时等基础能力；最下层为嵌入层，负责与平台相关的能力实现。显然我们要做的 是将嵌入层移植到鸿蒙上，确切地说，我们要通过鸿蒙原生提供的平台能力，重新实 前端 < 3 现一遍 Flutter 嵌入层。 对于 Flutter 嵌入层的适配，Flutter 官方有一份不算详细的指南，实际操作起来成本 Flutter 在鸿蒙上的适配 如前文所述，要完成 Flutter 在新系统上的移植，我们需要完整实现 Flutter 嵌入层 要求的所有子模块，而从能力支持角度，渲染、交互以及其他必要的原生平台能力 是保证 Flutter 应用能够运行起来的最基本的要素，需要优先支持。接下来会依次进 行介绍。 1. 渲染流程打通 我们再来回顾一下 Flutter 的图像渲染流程。如图所示，设备发起垂直同步（VSync）

模块系统 学习模块加载和打包工具 学习包管理工具 学习版本控制 学习构建及任务自动化技术 学习网站性能优化 学习测试 学习无头浏览器 学习离线开发 学习网络／浏览器／应用的安全 多平台开发学习 导向学习 前端课程 前端开发学习的起点 前端资讯、新闻站和播客 第三部分：前端开发工具 Doc/API 浏览工具 SEO 工具 原型设计和线框图工具 制图工具 3 1 学习包管理工具 Introduction 8 学习版本控制 学习构建及任务自动化技术 学习网站性能优化 学习测试 学习无头浏览器 学习离线开发 学习网络／浏览器／应用的安全 多平台开发学习 导向学习 前端课程 前端开发学习的起点 前端资讯、新闻站和播客 第三部分：前端开发工具 Doc/API 浏览工具 SEO 工具 原型设计和线框图工具 制图工具 HTTP 目的。目前这 个需求变得更棘手：如今用户使用的设备种类繁多，设备对应的屏幕尺寸和方案亦然， 这迫使设计者在开发站点时考虑这些方面。他们要保证站点在不同的浏览器（跨浏览 器），不同的操作系统（跨平台）以及不同的设备（跨设备）上正确运行，这要求开发 者缜密地制定方案。 https://en.wikipedia.org/wiki/Front-end_web_development HTML、CSS

目 录 背景 01 技术简介 02 客户端 03 服务端 04 开源社区 05 Q&A 06 背景 第一部分 即将讲述的内容 • WebRTC 实时通讯 • Flutter 跨平台UI 开发框架 • 基于Flutter UI 框架的WebRTC 插件 flutter-webrtc • Go 语言的WebRTC 协议栈 pion/webrtc • 基于pion/webrtc 实时通讯应用爆发 • 疫情影响，全世界都在使用远程教育，远程办公 • 云游戏，机器人，VR，直播等 • 如何用最容易的方案实现实时通讯 • 漂亮的app，最好全部(mobile, web, desktop)平台都支持. • 最容易使用的后端技术 真实世界的需求点 用开源方案实现需求 WebRTC + Flutter + Go 技术简介 第二部分 WebRTC 是什么 01. • 由 原生SDK开发(每平台人力投入) • UI 的一致性，更新迭代（类似SDK需按平台维护） • 性能问题(全部使用html5) 客户端是否有 更好的选择？ 为何选择 Flutter • 同样是 Google 发起的跨全平台高性能UI框架 • 基于 Skia 2D 渲染引擎 • 使用类似JS/TS的Dart 语言开发 • 支持代码编辑后热重载, Flutter 支持那些平台 iOS/A

目 录 致谢 向导 支持平台 分发应用 提交应用到 Mac App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 教程 快速入门 桌面环境集成 在线/离线事件探测 API文档 简介 进程对象 支持的 书栈(BookStack.CN) 构建 支持平台 分发应用 提交应用到 Mac App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 向导 - 5 - 本文档使用 书栈(BookStack.CN) 构建 以下的平台是 Electron 目前支持的： NEON）下完成的。 预编译二进制文件是否能够运行，取决于其中是否包括了编译平台链接的库，所以只有 Ubuntu 12.04可以保证正常 工作，但是以下的平台也被证实可以运行 Electron 的预编译版本： Ubuntu 12.04 及更新 Fedora 21 Debian 8 支持的平台 macOS Windows Linux 支持平台 - 6 - 本文档使用 书栈(BookStack.CN)

xqkuang 背景介绍 Web 开发效率⾼高 ⽀支持多平台 可动态发布 体验差 能⼒力力弱 Native 开发效率低 ⽆无法跨平台 发布复杂 体验好 能⼒力力强 传统移动端开发模式，⽆无法满⾜足业务精细化运营需求，急需寻找⼀一种⾼高性能、跨平台、动态发布的开发解决⽅方案。 前终端⼀一体化 开发效率⾼高 ⽀支持双平台 可动态发布 能⼒力力强 体验好 Hippy 简介 Hippy 动态运营解决⽅方案由 Hippy SDK 与 Hippy 管理理平台 组成： • Hippy SDK 是⼀一套多端统⼀一的开发框架，它能通过 JavaScript ⾼高效率地开发出：跨平台（安卓/iOS/ Web）、⾼高性能的原⽣生应⽤用，尤其适合需要快速迭代⼜又追求⾼高性能的产品。 • Hippy 管理理平台 涵盖编译、发布、监控等动态运营所需的各个环节，并⽀支持灰度⽐比例例、ABTest、差量量包等 Platform Web Platform React.js Library Vue.js Library 前端主导 ⽀支持最流⾏行行的框架 向阳⽽而⽣生 代码即将对外开源 （ 发布平台） User Code JavaScript Hippy 底层三⼤大特性 ⾼高性能可复⽤用滚动列列表 动画和⼿手势实现 X5 内核团队提供⽀支持 项⽬目架构

瓦匠应用的介绍 02 桌面应用的技术选型 桌面应用开发总结 01 04 03 Electron Vue项目实践 优点：开发速度快，跨平台，更更新迭代快 缺点：集成Chromium，安装包⼤大 优点：接近Native性能，功能丰富，跨平台 缺点：库太⼤大，编译慢，开发周期⻓长 桌⾯面应⽤用开发选型 技术选型 C++/C#/C+……(Windows) Objective-C/Swift(Mac) Objective-C/Swift(Mac) Qt: (Windows/Mac) NW.js/Electron(Windows/Mac) 纯Native开发 开发框架 优点：性能好，安装包⼩小 缺点：开发周期⻓长，⽆无法跨平台 技术选型 Electron应⽤用 VS Code， POSTMAN ✔ 技术选型 前端选型 体积⼩小、轻量量化 健全的⽣生态 优秀的组件化机制 ✔ 瓦匠应用的介绍 02 ⾃自动化构建、发布 Electron Build Code signing 通讯
 ⼯工具 修复问题 ⼿手动构建、发布 修复问题 Unit Testing ✔ 版本管理理平台 测试 Electron应⽤用中遇到的问题和解决⽅方案 项⽬目实践 #1如何解耦业务逻辑 Node Path file Stream …… Native dialog Shell

Midway-orm Midway- schedule midway-rpc-generator Midway-rpc-mock TS Serverless 场景 前端绝佳的机会 TS FaaS 初探 平台 ⽹网关 函数 触发器器（事件） 运⾏行行时 ⼀一些概念 TS FaaS 初探 ⼀一些概念 Fn Fn Fn Node.js Runtime K8S API Gateway Business Code TS FaaS 框架 我们调研了了业界的⼤大部分 Serverless 的开发平台和开发的私 ⽤用习惯，虽然业务不不同，但是业务的代码量量依旧可观。 为什什么需要框架 TS Midway-FaaS ⽬目标： 1、体验⼀一致，⽅方便便代码模块迁移 2、跨平台发布 实现⼩小⽽而美 TS Midway-FaaS 实现⼩小⽽而美 Midway For Egg Web 到 FaaS 场景切换，代码⼀一致 TS 跨平台的考虑 1、调⽤用⽅方式的不不同 2、数据参数的不不同 3、描述⽂文件的不不同 不不同的平台需要有不不同的的调⽤用⽅方式，由于 typescript 的编 译⽬目录不不同，可以通过构建的阶段将⼊入⼝口⽂文件动态创建进去。 多个平台的⼀一致性考虑 TS 跨平台的考虑 多个平台的⼀一致性考虑 src dist package

API。 虽然作为一款应用程序服务器，Node.js 已经取得了成功，但是本书之所以提到 Node.js， 是因为它为新一代跨平台开发和构建工具提供了基础。由于 Node.js 团队进行的一些精巧 的设计决策以及 Chrome JavaScript 运行时提供的跨平台支持，人们发现它可用来编写开发 工具。简而言之，Node.js 已经成为 Web 应用程序开发的必备工具。 重要的是要确保下载的 该坚持 使用 8.9.1 版本。可从 https://nodejs.org/dist/v8.9.1 获取一系列 8.9.1 版本，包括针对 Windows 和 Mac OS 的安装程序以及针对其他平台的二进制软件包。 安装 Node.js 时，务必选择正确的安装程序选项，将 Node.js 可执行文件添加到路径(Path 环境变量)中。安装完成后，运行以下命令： node -v 如 Angular 开发的常见编辑器 名称 描述 Sublime Text Sublime Text 是一款商业跨平台编辑器，借助软件包可支持大多数编程语言、 框架和平台。有关详细信息，请访问 www.sublimetext.com Atom Atom 是一款免费、开源的跨平台编辑器，特别强调自定义和可扩展性。有关 详细信息，请参阅 atom.io Brackets Brackets