Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Electron, une alternative intéressante ? par Florent MOIGNARD

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Prochain SlideShare
WebHookIt @parisjs #4
WebHookIt @parisjs #4
Chargement dans…3
×

Consultez-les par la suite

1 sur 19 Publicité

Electron, une alternative intéressante ? par Florent MOIGNARD

Télécharger pour lire hors ligne

Electron, découverte du framework en tentant de répondre à la question est ce une approche à envisager dans un monde d’application web ?

Electron, découverte du framework en tentant de répondre à la question est ce une approche à envisager dans un monde d’application web ?

Publicité
Publicité

Plus De Contenu Connexe

Similaire à Electron, une alternative intéressante ? par Florent MOIGNARD (20)

Publicité

Plus par La Cuisine du Web (20)

Publicité

Electron, une alternative intéressante ? par Florent MOIGNARD

  1. 1. Electron, une alternative intéressante?
  2. 2. De quoi on va parler ● Qui suis-je ? ● Application native comparée à Application web ● Mais moi je veux le beurre, l’argent du beurre... ● Et Electron dans tout ça ? ● Les principaux principes d’Electron
  3. 3. Je pense donc je suis… ● Guide technique (technical lead) ● Recherchant constamment l'innovation technique facilitant la vie ● Passionné par le développement ● Avec en prime le sport et les voyages
  4. 4. www.pressinnov.com
  5. 5. Desktop app - Avantages ● Mode hors ligne ● Expérience utilisateur plus aboutie ● Performance ● Hébergement Web app - Avantages ● Pas d’installation hormis le navigateur ● Mise à jour transparente de l’application ● Main d’œuvre plus facile à trouver
  6. 6. Desktop app - Inconvénients ● Multiplateforme ● Mise à jour des applicatifs ● Compétences techniques plus dur à trouver Web app - Inconvénients ● Gestion des différents navigateurs ● Expérience utilisateur limitée ● Mode hors ligne
  7. 7. “Et si je pouvais avoir une application desktop avec les technologies web”
  8. 8. Un solution hybride ça existe ● Appjs => déprécié ● NW.js (anciennement node webkit) ● Electron (anciennement atom shell)
  9. 9. Electron, what? ● Technologies toile d’araignée (Web technologies) ● Plateforme croisée (Cross Platform) ● Mise à jour automatique (Automatic updates) ● Installateur Windows (Windows installers) ● Node js / Chromium “Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS.”
  10. 10. Mais encore ● Intégration des principaux framework js ○ React ○ Angular ○ VueJS ● La communauté ● La documentation ● Open source
  11. 11. Pourquoi ? ● Sans rendu graphique (Headless) => IC ● Pure ES6 / TypeScript, Webrtc, Websocket… ● Offline first servi par file:// ● Support d’un navigateur unique ● Montée en compétence sur l’api faible ● Large choix d’application basé sur Electron (github, slack, visual source code, atom, …)
  12. 12. Fonctionnalitées majeurs ● Barre des tâches (System tray) ● Menu bar ● Envoyer des notifications au système ● Utiliser des packages node
  13. 13. Principes processus maître processus de rendu processus de rendu processus de rendu processus de rendu node js
  14. 14. Techniquement ● Installation via npm ou yarn ○ npm install electron --save-dev --save-exact ○ yarn add electron --dev --exact ● Création du point d’entrée ..."main": "main.js", "scripts": { "start": "electron ." }, "devDependencies": { "electron": "1.7.9" }... package.json ... mainWindow = new BrowserWindow({width: 800, height: 600}) // and load the index.html of the app. mainWindow.loadURL(url.format({ pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true })); ... main.js
  15. 15. Attends, comment les processus discutent ? ● Utilisation du module Remote pour dialoguer entre le processus du rendu et le processus maître ● Module IPCRendered et IPCMain ● Storage API / IndexedDB
  16. 16. Construction ● yarn / npm electron-builder ● Une construction (build) / plateforme ● Plateforme indépendant =>docker
  17. 17. End Des Questions ? courriel: florent.moignard@pressinnov.com

×