Saltar al contenido principal

Agregar funciones

Añadiendo complexidad a la aplicación

Si has estado siguiendo a lo largo, debes tener una aplicación funcional con Electron con una interfaz de usuario estática. Desde este punto de partida, en general se puede progresar en el desarrollo de tu aplicación en dos grandes direcciones:

  1. Añadir complejidad al código de la aplicación web del proceso de renderizado
  2. Integraciones más profundas con el sistema operativo y Node.js

Es importante entender la distinción entre estos dos amplios conceptos. Por una parte, los recursos específicos de Electron no son necesarios. Crear una bonita lista de tareas para hacer en Electron es sólo apuntar tu "Electron BrowserWindow" a una bonita lista de tareas para hacer. En definitiva, estás construyendo la interfaz de usuario de tu renderizador utilizando las mismas herramientas (HTML, CSS, JavaScript) que en la web. Por lo tanto, la documentación de Electron no profundizará en el uso de herramientas web básicas.

On the other hand, Electron also provides a rich set of tools that allow you to integrate with the desktop environment, from creating tray icons to adding global shortcuts to displaying native menus. También le da toda la potencia de un entorno Node.js en el proceso principal. Este conjunto de capacidades diferencia a las aplicaciones de Electron de ejecutar un sitio web en una pestaña del navegador, y son el enfoque de la documentación de Electron.

Ejemplos prácticos

La documentación de Electron tiene muchos tutoriales para ayudarte con temas más avanzados e integraciones más profundas del sistema operativo. Para comenzar, revisa el documento [Ejemplos Prácticos][how-to].

Haznos saber si falta algo!

Si no encuentras lo que buscas, por favor háganos saber en GitHub o en nuestro servidor de Discord!

¿Qué sigue?

Para el resto del tutorial, nos apartaremos del código de la aplicación y te daremos un vistazo a cómo puedes sacar tu aplicación de tu máquina de desarrollo a manos de los usuarios finales.