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 avec Electron revient seulement à faire pointer votre BrowserWindow vers une application Web de to-do-list. . 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 documentation d’Electron ne rentrera pas dans les détails sur la façon d’utiliser les outils standards du Web.

En ce qui concerne le second 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 sujets plus avancés et de creuser d'avantage l'intégration avec les systèmes d’exploitation. To get started, check out the How-To Examples doc.

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 un peu 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 à son utilisation par les utilisateurs finaux.