用JS開發跨平臺桌面應用，從原理到實踐

mj 發布于2019-08-23 18:02 / 2253人閱讀

摘要：導讀使用開發客戶端程序已經有一段時間了，整體感覺還是非常不錯的，其中也遇到了一些坑點，本文是從運行原理到實際應用對進行一次系統性的總結。一桌面應用程序桌面應用程序，又稱為程序，但是和程序也有一些區別。就開發速度方面，比原生編譯技術要快一些。

導讀

使用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平臺應用開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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