用JS开发跨平台桌面应用，从原理到实践

mj 发布于2019-08-23 18:02 / 2250人阅读

摘要：导读使用开发客户端程序已经有一段时间了，整体感觉还是非常不错的，其中也遇到了一些坑点，本文是从运行原理到实际应用对进行一次系统性的总结。一桌面应用程序桌面应用程序，又称为程序，但是和程序也有一些区别。就开发速度方面，比原生编译技术要快一些。

导读

使用Electron开发客户端程序已经有一段时间了，整体感觉还是非常不错的，其中也遇到了一些坑点，本文是从【运行原理】到【实际应用】对Electron进行一次系统性的总结。【多图，长文预警～】

本文所有实例代码均在我的github electron-react上，结合代码阅读文章效果更佳。另外electron-react还可作为使用Electron + React + Mobx + Webpack 技术栈的脚手架工程。

一、桌面应用程序

桌面应用程序，又称为 GUI 程序（Graphical User Interface），但是和 GUI 程序也有一些区别。桌面应用程序 将 GUI 程序从GUI 具体为“桌面”，使冷冰冰的像块木头一样的电脑概念更具有 人性化，更生动和富有活力。

我们电脑上使用的各种客户端程序都属于桌面应用程序，近年来WEB和移动端的兴起让桌面程序渐渐暗淡，但是在某些日常功能或者行业应用中桌面应用程序仍然是必不可少的。

传统的桌面应用开发方式，一般是下面两种：

1.1 原生开发

直接将语言编译成可执行文件，直接调用系统API，完成UI绘制等。这类开发技术，有着较高的运行效率，但一般来说，开发速度较慢，技术要求较高，例如：

使用C++ / MFC开发Windows应用

使用Objective-C开发MAC应用

1.2 托管平台

一开始就有本地开发和UI开发。一次编译后，得到中间文件，通过平台或虚机完成二次加载编译或解释运行。运行效率低于原生编译，但平台优化后，其效率也是比较可观的。就开发速度方面，比原生编译技术要快一些。例如：

使用C# / .NET Framework(只能开发Windows应用)

Java / Swing

不过，上面两种对前端开发人员太不友好了，基本是前端人员不会涉及的领域，但是在这个【大前端

云服务器 GPU云服务器如何从云服务器切换到本地桌面 webrtc桌面应用开发云桌面应用管理平台 java平台应用开发

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104561.html

前端每周清单第 55 期: MobX 4 特性概览，iOS Hacks 分享, 分布式事务详解

摘要：异步剪贴板操作过去的数年中，各浏览器基本上都在使用来进行剪贴板交互。而提供了新的，则为我们提供了另一种异步式的剪贴板操作方式，本文即是对该机制与接口规范的详细介绍。 showImg(https://segmentfault.com/img/remote/1460000013854167); 前端每周清单第 55 期: MobX 4 特性概览，iOS Hacks 分享, 分布式事务详解 ...

zombieda 2019-08-22 15:32 评论0 收藏0
Service Worker学习与实践（二）——PWA简介

摘要：简称，是提升的体验的一种新方法，能给用户原生应用的体验。当网站以这种方式启动时它具有唯一的图标和名称，以便用户将其与其他网站区分开来。表示启动时的方向，横屏竖屏等，具体参数值可参考文档。下一篇文章中，主要讲述在实践中的重要能力。这周，Chrome 70正式版本发布，Progressive Web Apps（PWA）已经正式支持到Windows 10平台，然而，早在前几个版本之前，Ch...

KavenFan 2019-08-26 13:24 评论0 收藏0
前端每周清单半年盘点之 JavaScript 篇

摘要：前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点分为新闻热点开发教程工程实践深度阅读开源项目巅峰人生等栏目。背后的故事本文是对于年之间世界发生的大事件的详细介绍，阐述了从提出到角力到流产的前世今生。前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎...

Vixb 2019-08-21 12:04 评论0 收藏0
前端每周清单第 38 期: Node 9 发布，Kotlin 与 React，Netflix 架构解

摘要：发布本周正式发布，包含了一系列的特性提升与问题修复，同时也在不断致力于将打造地更为轻巧与高性能。当然，姜振勇老师还会介绍的多种服务，包括大数据网络和安全，展现弹性安全和高可扩展性的全方位能力。 showImg(http://upload-images.jianshu.io/upload_images/1647496-2ce7598e6987d9af.jpg?imageMogr2/aut...

Carbs 2019-08-21 17:29 评论0 收藏0
2016年度 JavaScript 展望（下）

摘要：与是年最早公开发布的两个框架，后来者还包括与。此外，另一重心是与团队的合作，预计将贯穿年。年展望对平台而言，年的重点是提升稳定性与采纳率。最早由开发，于年公开发布。时间会告诉我们，的极速增长能否在年持续下去。【编者按】本文作者为资深 Web 开发者 TJ VanToll, TJ 专注于移动端 Web 应用及其性能，是《jQuery UI 实践》一书的作者。本文系 OneAPM 工...

XGBCCC 2019-08-19 18:08 评论0 收藏0