Scribd
Cargar
78 vistas2 páginas

Introducción a ElectronJS para Apps Desktop

ElectronJS es un framework de JavaScript que permite crear aplicaciones de escritorio multiplataforma utilizando tecnologías web como HTML, CSS y JavaScript. Se basa en el motor de Chromium de Google Chrome y añade una capa de Node.js que da acceso a funciones nativas del sistema. Una aplicación Electron típica contiene tres archivos: package.json con metadatos, main.js con el código principal, e index.html para la interfaz gráfica. Electron es popular porque facilita el desarrollo rápido de aplicaciones de escritorio con una única base de

Cargado por

Supervisor Sakerhet
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
78 vistas2 páginas

Introducción a ElectronJS para Apps Desktop

ElectronJS es un framework de JavaScript que permite crear aplicaciones de escritorio multiplataforma utilizando tecnologías web como HTML, CSS y JavaScript. Se basa en el motor de Chromium de Google Chrome y añade una capa de Node.js que da acceso a funciones nativas del sistema. Una aplicación Electron típica contiene tres archivos: package.json con metadatos, main.js con el código principal, e index.html para la interfaz gráfica. Electron es popular porque facilita el desarrollo rápido de aplicaciones de escritorio con una única base de

Cargado por

Supervisor Sakerhet
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

¿QUÉ ES ELECTRON?

ElectronJS es el nombre de un framework de JavaScript preparado para crear


aplicaciones de escritorio nativas y compatibles con Windows, Mac y Linux.
Para ello, se compone del núcleo de Chromium, el motor del navegador Google
Chrome. Encima del núcleo, ElectronJS añade una nueva capa de NodeJS que
permite acceder a características nativas del sistema y gestiona el ciclo de vida
de la aplicación.

PRERREQUISITOS:

Estos documentos funcionan bajo el supuesto de que el lector está


familiarizado con ambos Node.js y desarrollo web en general. Si necesita
sentirse más cómodo con cualquiera de estas áreas, recomendamos los
siguientes recursos:

 Comenzando con la Web (MDN)


 Introducción a Node.js

Además, tendrá un mejor momento para comprender cómo funciona Electron si


obtiene familiarizado con el modelo de proceso de Chromium. Puede obtener
una breve descripción general de Arquitectura de Chrome con el cómic de
Chrome , que se lanzó junto Lanzamiento de Chrome en 2008.
Aunque ha pasado más de una década desde entonces, el Los principios
básicos introducidos en el cómic siguen siendo útiles para comprender a
Electron.

VENTAJAS DE ELECTRON

 Desarrollo en HTML, CSS y JavaScript


 Una única base de código, lo que permite una mayor escalabilidad y
menor coste
 Rapidez de desarrollo: al utilizar tecnologías basadas en web
 Apoyado por una gran comunidad de desarrolladores
 Basado en un núcleo potente como es el de Google Chrome

ESTRUCTURA DE UNA APLICACION ELECTRON

Una aplicación Electron básica consiste en al menos tres archivos: 

 package.json (metadatos)
 main.js (código)
 index.html (GUI)

El framework es provisto por el ejecutable de Electron (electron.exe en


Windows, electron.app en macOS, y electron en Linux). Los desarrolladores
que deseen añadir iconos y diseño propio pueden renombrar y editar el
ejecutable de Electron.
El archivo package.json almacena datos acerca del paquete, empleando la
notación literal de objetos de JavaScript (JSON). Los elementos básicos que
podemos encontrar en este archivo son:

1. name: el nombre de la aplicación


2. version: el número de versión de la aplicación
3. description: la descripción de la aplicación
4. main: la ruta del script principal de la aplicación

CONCLUSIÓN

En ese Post hemos aprendido más sobre Electron JS, asimismo podemos ver
que hay grandes empresas y proyectos que hacen uso de este genial
Framework y como siempre menciono, la mejor manera de aprender algo o
dominarle, es poniéndolo en práctica, así que manos a la obra.

También podría gustarte