Electron

Mis à jour le lundi 18 mars 2024 par johackim

Electron est un framework qui permet de créer des applications de bureau multi-plateformes.

Il est basé sur Node.js et le moteur de rendu Chromium.

C'est un projet open-source créé par GitHub et est maintenu par une communauté très active.

Installation

Pour installer Electron, il suffit de lancer la commande suivante dans un nouveau dossier :

yarn add -D electron

PS : N'oubliez pas de créer un fichier package.json avec la commande npm init -f.

Utilisation

Pour créer un projet Electron, il suffit de créer un fichier index.js et d'y ajouter le code suivant :

const { app, BrowserWindow } = require('electron');
const createWindow = () => {
const win = new BrowserWindow();
win.loadURL(`data:text/html;charset=UTF-8,
<html>
<body>
<h1>Hello World!</h1>
</body>
</html>`);
};
app.whenReady().then(createWindow);

Il s'agit d'un exemple très simple qui affiche une fenêtre avec le texte "Hello World!".

Pour lancer l'application Electron, il suffit d'exécuter la commande suivante :

npx electron index.js

Et pour compiler votre application :

npx electron-builder build

Pour aller plus loin, je vous invite à consulter la documentation officielle.

Electron est un framework très populaire et est utilisé par de nombreuses applications comme Signal, Obsidian, Visual Studio Code, Discord et plein d'autres.


Références :