ELECTRON
Développez des Software avec JavaScript
Electron est un packager utile pour créer des software utilisant les langages web. Quelques exemples d'application développer avec Electron: Slack, Skype, Visual Studio Code, Discord, Atom, GitHub Desktop et d'autres encore.
Je vous laissent regardé par vous même: https://electronjs.org/apps.
Nous allons commencé par la mise en pratique de Electron afin d’acquérir les base pratiques.
Etape #1 - Prérequis:
- Avoirs l'environnement NODE.JS et NPM d'installer sur votre système d'exploitation. (Npm suffit largement).
- Compétence en JavaScript requis.
- Prendre connaissance de la documentation Electron https://electronjs.org/docs.
Etape #2 - Installation:
- Créez un dossier qui porte le nom de votre application.
- Installez Electron avec npm install electron -g
- Lancez un npm init pour décrire l'application et ses données importantes (Créer un dossier avec le nom de votre application et rendez vous dedans)
- Automatiser l’installation npm install electron --save-dev
- Puis npm install
Etape #3 - Set-up:
- Définir l'application Electron dans notre code app.js ou index.js cela dépend de votre package.json.
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
- Puis nous initialiserons la fenêtre de l'application.
let mainWindow;
function createWindow () {
mainWindow = new BrowserWindow({width: 1800, height: 1200}); // La taille de la fenetre.
mainWindow.loadURL(`file://${__dirname}/index.html`); // Le chemin de notre script HTML (Le nom index est pas obligatoire.)
mainWindow.on('closed', () => {
mainWindow = null;
});
}
- On informe que l'application et prête à être lancer.
app.on('ready', createWindow);
- On arrête tous les processus de lancement de Windows après la fermeture de l'app.
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit();
}
});
app.on('activate', () => {
if (mainWindow === null) {
createWindow();
}
});
- Créer votre page HTML index.html (ou autres nom) et entrer:
SAMP Forum fr
- Retourner sur votre Command Line et taper electron . ceci va lancer l'application dans une fenêtre windows.
Merci d'avoir lit ce tutoriel, ci vous avez des questions sur NODE.JS, NPM & ELECTRON hésitez pas à me contactez sur le forum en message privé ou sur Discord Foobar#8565.
PS: Merci de signaler les fautes d’orthographes en messages privée pour les corrections.