Electron的介绍

1.1 Electron是什么?

引用官网的一句话: Build cross platform desktop apps with JavaScript, HTML, and CSS

1.2 诞生

技术背景:

JavaScript近几年的全领域发展,个人理解JavaScript是思想对java的前进,从compile once,run everywhere转变为code once,run everywhere,由于JavaScript本身的是一门解释性的脚本语言,这让它逐渐的成为全宇宙使用最广泛的语言,没有之一。

JavaScript只是JavaScript,在浏览器中,它操作DOM和BOM,在服务器端它操作FileSystem,HTTP,所以在任何环境,他都可以执行,即使是在几M的内存环境,这点对物联网来说很重要。

调用需求:

传统的PC软件开发成本太高,和网络的兴起,让传统的开发逐渐被在线系统吊打,高成本必然逐渐的走下坡路,这是符合经济上发展的趋势,但是由于性能的问题,不管是VR还是直播,需要采集视频,音频,网卡信息,而这些模块大多数还是C、C++来获取

传统局限: 在浏览器里,Web页面通常运行在一个沙盒环境里,它不能访问本地的资源。 比如在Web页面里,调用本地GUI是不允许的,因为在Web页面里管理本地GUI资源是非常危险的而且非常容易导致资源泄露。如果你想在Web页面进行GUI操作,该Web页面的渲染进程必须通过和主进程通信来请求主进程处理这些操作。

1.3 Electron的组成

1.软件成分: Electron: 1.2.6 Node: 6.1.0 Chromium: 51.0.2704.106 V8: 5.1.281.65 (各方面都足够新,ES和TS都可以撸代码),这里不能看具体的版本

2.工具支持:(官方提供) 功能上支持: Automatic updates Native menus & notifications App crash reporting Debugging & profiling Windows installers

写代码&部署: Electron Packager — Package your apps,作者就是用处工具打包
Electron Builder — Deploy your apps
Spectron — Test your apps Devtron —
Debug your apps Electron
Prebuilt — Install Electron,作者没有使用
Menubar — Create menubar apps

红色是文字是作者自己加的

引用:http://cnodejs.org/topic/57812e64ee5f048d54f90800

其实以上内容没有多大用处,只要记住使用Electron可以使用JS(TS)可以开发出很多牛逼的桌面工具。

时间: 2024-12-13 03:08:56

Electron的介绍的相关文章

使用Electron开发PC客户端

最近公司要求开发一个PC客户端,要求不能使用.NET开发(为了不让用户安装.net framework),所以就选择了Electron(随口听别人说了一句,之前从来没有接触过).目前项目要完毕了,所以就想记录一下在开发过程中遇到的一些问题和开发过程中的一些思路. 1.Electron的介绍 2.如何下载安装Electron 3.PC客户端是什么样的项目,它实现了什么功能 4.整体框架的描述 5.第一次启动软件需要做的事情 6.登录的实现:登录页面的加载 7.登录的实现:点击登录按钮后的操作 8.

Rocketlab公司火箭Electron介绍

http://https://en.wikipedia.org/wiki/Rocket_Lab https://www.rocketlabusa.com/ Rocketlab(火箭实验室)是一家致力于发射低成本小火箭的美国初创公司.对于他的研究对于我国私营火箭公司的发展具有启发意义. 该公司是创立于2006年,2009年第一个在南半球发射火箭的单位.2013年Rutherford(卢瑟福)发动机试车,同年提出Electron(电子号)火箭的项目. 2015年卢瑟福发动机使用3D打印技术构建.同年

使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)

上文<使用 VS2017 和 js 进行桌面程序开发 - electron 之 Hello Word>介绍了如何使用 VS2017 开发 electron 桌面程序,今天来点有看头的,但是没什么技术含量,囧~~ 现在什么都讲究追赶潮流,觉得 QQ 登录窗口做的效果不错,既然刚学习 electron ,那么就用 electron 模仿一下.其实主要用到的就是 CSS3 的效果:边框圆角.阴影,3D变换.对,就这么简单.先上效果: 下面是关键代码: app.js 'use strict'; con

Electron的安装与 hello word

1.NodeJs安装 Nodejs中文网下载下载安装包:http://nodejs.cn/download/ 一系列下一步之后,安装完成,自带管理工具NPM.可以通过它下载一系列模块. 2.Electron安装 安装Electron的过程比较坎坷,尝试了三次才成功. 1.直接cmd 敲命令 1 npm install electron -g ,卡了一会,提示超时,安装失败. 2.在网上搜了一下,有人说因为服务器在国外,需要换源.好吧,那就安装一个Nrm 用来切换Npm的数据源,敲命令 npm i

Facebook的ATOM Editor的底层Electron

Facebook的ATOM Editor的底层Electron 开源牛人 zcbenz 事情是这样的,微软推出了Visual Studio Code,我很好奇他怎么做跨平台的,所以就找找资料,在他的网站中是这么描述的: Architecturally, Visual Studio Code combines the best of web, native, and language-specific technologies. Using the GitHub Electron Shell 所以

Electron + React + Node.js + ES6 开发本地 App

Electron + React + Node.js + ES6 开发本地 App 1.概述 近来工作上需要做一款 PC 上的软件,这款软件大体来讲是类似 PPT 的一款课件制作软件.由于我最近几年专注于移动 App 的开发,对 PC 端开发的了解有些滞后.所以我首先需要看看,在 PC 上采用什么框架能够顺利完成我的工作. 我的目标是,在完成这款软件的同时能够顺便学习一下比较流行的技术.在经过前期技术调研后,我明确了实现这款软件所需要的技术条件: 不采用 C++ 方面的类库,比如 MFC.Qt.

Atom-Shell介绍

atom-shell是 GitHub 随 Atom 一起开源的跨操作系统(Windows,Linux,MacOS X)的利用 Web 技术(Node.js.JavaScript.HTML 5)开发桌面应用的框架. Atom即构建在 atom-shell 之上. 好吧,上面一段是抄来的,atom和atom-shell可要分清楚,atom是一款软件,专门写html+js+css等,不过不推荐用,不好用,没有代码提示那些 而Atom-Shell是可以让我们的网页变成应用程序的玩意,貌似官方现在直接叫e

【Electron】Electron在Windows下的环境搭建

Electron作为一种用javascript写桌面程序的开发方式,现在已经被大众接受.下面就介绍如何在windows(>win7)下快速搭建Electron开发环境. 1. nodejs 的安装 从nodejs 下载最新版本的windows安装程序进行安装,我下载的是v6.9.1,安装时一路默认即可,这个安装会把nodejs和npm配置到系统PATH中,这样在命令行的任何位置都可以直接用node执行nodejs,用npm执行npm命令. 检查nodejs是否安装成功可以这样查看: 另外,因为可

Electron Angular 开发小记

一介绍 electron分为主进程和渲染进程,主进程负责和原生交互,控制窗口等. 渲染进程就是普通网页.主进程和渲染进程可以通过ipcMain(主进程使用)及ipcRenderer(渲染进程用)通信 quick-start中main.js为主进程入口文件 index.html为渲染进程入口文件 另外很重要的一点使用electron没有跨域限制!!! 二 打包 1.快速运行quick-start(开发时启动) git clone https://github.com/electron/electr