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. It also gives you all the power of a Node.js environment in the main process. This set of capabilities separates Electron applications from running a website in a browser tab, and are the focus of Electron's documentation.

How-to examples

Electron's documentation has many tutorials to help you with more advanced topics and deeper operating system integrations. To get started, check out the How-To Examples doc.

Let us know if something is missing!

If you can't find what you are looking for, please let us know on GitHub or in our Discord server!

What's next?

For the rest of the tutorial, we will be shifting away from application code and giving you a look at how you can get your app from your developer machine into end users' hands.