Electron简介

  • Electron概述
    • 所属技术领域:
      • 跨平台的桌面端应用开发
    • 谁开发的:Github
    • 旧称:Atom Shell
    • 历史
      • 2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来
      • 2014春季这两个项目开源出来
    • 一句话描述:一个用纯Web技术来构建跨平台桌面应用程序的开源框架
      • Web技术:HTMLCSSJavaScript
        • 对比:传统桌面应用都是非Web技术开发的
      • 跨平台:Win/Mac/Linux等多个平台
      • 桌面应用:主要用来开发桌面端应用
        • 而不是Web应用
    • 基本原理
      • ChromiumNode.js合并到同一个运行时环境中
        • 让你使用纯JavaScript调用丰富的原生(操作系统) APIs
      • 并将其打包为MacWindowsLinux系统下的应用
    • 架构
      • 后端:挣钱养家Node.js
        • 负责:实现业务逻辑
          • 注:Node.jsJavascript的一个Web Server
      • 前端:貌美如花Chromium
        • 负责:显示内容
          • 注:可以看成ChromiumChrome的浏览器的内核实现
    • 可把Electron看成
      • 一个被 JavaScript 控制的,精简版的 Chromium 浏览器
      • 一个 Node. js 的变体
        • 专注于桌面应用而不是 Web Server 端
        • 使用 web 页面作为它的 GUI
    • 主页
    • 竞品
      • nw.js
    • 现状
      • 已成为开源开发者、初创企业和老牌公司常用的开发工具
    • 优势
      • 颜值高=界面美观
        • 原因:Web技术(HTML+CSS+JS)天生适合页面信息展示
          • 截图
            • electron_dev_easy_start
        • 对比其他技术:很多是基于各种图形库开发出的桌面应用,很多颜值一般
      • 界面统一
        • Win/Mac/Linux中显示效果几乎完全一样
        • 对比其他技术:界面效果多数不太一样
      • 开发难度低 = 入门快 = 上手方便
        • = 像开发网站一样开发(跨平台桌面)应用
        • 比传统方式要简单很多
        • 说明
          • 传统方式:只支持某个平台,特定语言和框架,才能开发出该平台中的桌面端应用
            • 举例:
              • Win
                • IDE:Visual Studio + 语言:C# + 框架:WinForm/WPF
                • 截图
                  • win_vs_csharp_wpf_demo
                  • win_vs_csharp_winform_demo
              • Mac
                • IDE:XCode + 语言:Objective-C/Swift + 框架:Cocoa
                • 截图
                  • mac_xcode_oc_cocoa_demo
    • 额外特性

results matching ""

    No results matching ""