Aller au contenu principal

Ajouter des fonctionnalités

Ajout de complexité à l'application

Si vous avez suivi jusqu'ici, vous devriez avoir une application Electron fonctionnelle avec une interface utilisateur statique. À partir de ce point de départ, vous allez pouvoir progresser dans le développement de votre application dans deux grandes directions :

  1. Ajouter de la complexité au code du processus de rendu de votre application Web
  2. Intégrer d'avantage node.js et des spécificités liées au système d'exploitation

Il est important de comprendre la distinction entre ces deux grands principes. Pour le premier point , les ressources spécifiques à Electron ne sont pas nécessaires. Construire une belle to-do-list à faire avec Electron consiste seulement à faire pointer votre BrowserWindow vers une application Web de liste de tâches. . Car en fin de compte, vous allez construire l’interface utilisateur de votre moteur de rendu en utilisant les mêmes outils (HTML, CSS, JavaScript) que vous le feriez pour une appli Web standard. Par conséquent, la documentatiçon d’Electron n’ira pas en profondeur sur la façon d’utiliser les outils standards du Web.

En ce qui concerne le seond point, Electron fournit également un riche ensemble d’outils qui vous permettent de vous intégrer à l’environnement de bureau, comme la création d’icônes de barre d’état, l’ajout de raccourcis globaux ou l’affichage de menus natifs. Vous disposez également de toute la puissance d’un environnement node.js dans le processus principal. C'est cet ensemble de fonctionnalités qui différencie les applications Electron de l’exécution d’un site Web dans un onglet du navigateur et qui vont constituer l'objectif de la documentation.

Comment faire par l'exemple

La documentation d’Electron contient de nombreux tutoriels qui pourront vous aider à aborder des des sujets plus avancés et de cresuser d'avantage l'intégration du systèmes d’exploitation. Commencez donc par consulter la documentation Aperçu des exemples.

Et signalez nous si il manque quelque chose!

Si vous ne trouvez pas ce que vous cherchez, n’hésitez pas à nous le faire savoir sur [][] GitHub ou sur notre serveur Discord!

Et ensuite ?

Pour le reste du tutoriel, nous laisserons de coté le code pour vous donner un aperçu de la façon dont vous pouvez faire passer votre application de votre machine de développement à l'utilisation par les utilisateurs finaux.