Remove trailing spaces
This commit is contained in:
Kevin Sawicki
parent
dfc25d0ca5
commit
0f93515ede
1 changed files with 37 additions and 37 deletions
|
|
@ -1,54 +1,54 @@
|
||||||
# Démarrage Rapide
|
# Démarrage Rapide
|
||||||
|
|
||||||
Electron vous permet de créer des applications de bureau avec du JavaScript
|
Electron vous permet de créer des applications de bureau avec du JavaScript
|
||||||
fournissant un runtime avec des API riches natives (système d'exploitation).
|
fournissant un runtime avec des API riches natives (système d'exploitation).
|
||||||
Vous pourriez le voir comme une variante d'un Node.js directement exécutable
|
Vous pourriez le voir comme une variante d'un Node.js directement exécutable
|
||||||
sur le bureau au lieu des serveurs Web.
|
sur le bureau au lieu des serveurs Web.
|
||||||
|
|
||||||
Cela ne signifie pas que Electron est une liaison JavaScript à l'interface
|
Cela ne signifie pas que Electron est une liaison JavaScript à l'interface
|
||||||
utilisateur graphique (GUI). Au lieu de cela, Electron utilise des pages
|
utilisateur graphique (GUI). Au lieu de cela, Electron utilise des pages
|
||||||
Web comme GUI, donc vous pouvez aussi le voir comme un navigateur minimal
|
Web comme GUI, donc vous pouvez aussi le voir comme un navigateur minimal
|
||||||
Chromium, contrôlé par JavaScript.
|
Chromium, contrôlé par JavaScript.
|
||||||
|
|
||||||
### Processus principal
|
### Processus principal
|
||||||
|
|
||||||
Dans Electron, le processus qui exécute le script `main` de` package.json`
|
Dans Electron, le processus qui exécute le script `main` de` package.json`
|
||||||
est appelé __ le processus principal__. Le script qui s'exécute dans le
|
est appelé __ le processus principal__. Le script qui s'exécute dans le
|
||||||
processus principal peut afficher une interface graphique en créant des
|
processus principal peut afficher une interface graphique en créant des
|
||||||
pages Web.
|
pages Web.
|
||||||
|
|
||||||
### Processus de rendu
|
### Processus de rendu
|
||||||
|
|
||||||
Puisque Electron utilise Chromium pour afficher des pages Web, Chromium
|
Puisque Electron utilise Chromium pour afficher des pages Web, Chromium
|
||||||
Multi-process architecture est également utilisé. Chaque page Web d'Electron
|
Multi-process architecture est également utilisé. Chaque page Web d'Electron
|
||||||
fonctionne avec son propre processus, qui est appelé __le processus de rendu.__.
|
fonctionne avec son propre processus, qui est appelé __le processus de rendu.__.
|
||||||
|
|
||||||
Dans les navigateurs normaux, les pages Web sont habituellement exécutées
|
Dans les navigateurs normaux, les pages Web sont habituellement exécutées
|
||||||
dans un environnement aux ressources indépendantes. Les utilisateurs d'électrons
|
dans un environnement aux ressources indépendantes. Les utilisateurs d'électrons
|
||||||
ont cependant le pouvoir d'utiliser les API Node.js dans des pages Web permettant
|
ont cependant le pouvoir d'utiliser les API Node.js dans des pages Web permettant
|
||||||
un système d'exploitation de niveau inférieur d'interactions.
|
un système d'exploitation de niveau inférieur d'interactions.
|
||||||
|
|
||||||
### Différences entre le processus principal et le processus de rendu
|
### Différences entre le processus principal et le processus de rendu
|
||||||
|
|
||||||
Le processus principal crée des pages Web en créant des instances `BrowserWindow`.
|
Le processus principal crée des pages Web en créant des instances `BrowserWindow`.
|
||||||
Chaque instance `BrowserWindow` exécute la page Web dans son propre processus
|
Chaque instance `BrowserWindow` exécute la page Web dans son propre processus
|
||||||
de rendu. Lorsqu'une occurrence `BrowserWindow` est détruite, le processus
|
de rendu. Lorsqu'une occurrence `BrowserWindow` est détruite, le processus
|
||||||
de rendu correspondant est également terminée.
|
de rendu correspondant est également terminée.
|
||||||
|
|
||||||
Le processus principal gère toutes les pages Web et leur processus rendu correspondant.
|
Le processus principal gère toutes les pages Web et leur processus rendu correspondant.
|
||||||
Chaque processus de rendu est isolé et ne se soucie que de la page Web en cours
|
Chaque processus de rendu est isolé et ne se soucie que de la page Web en cours
|
||||||
d'exécution.
|
d'exécution.
|
||||||
|
|
||||||
Dans les pages Web, l'appel des API relatives aux GUI natives n'est pas autorisé
|
Dans les pages Web, l'appel des API relatives aux GUI natives n'est pas autorisé
|
||||||
car la gestion des ressources natives GUI dans les pages Web sont très dangereuse,
|
car la gestion des ressources natives GUI dans les pages Web sont très dangereuse,
|
||||||
il est facile de perdre des ressources. Si vous souhaitez effectuer des opérations
|
il est facile de perdre des ressources. Si vous souhaitez effectuer des opérations
|
||||||
GUI dans une page Web, le Processus de la page Web doit communiquer avec le
|
GUI dans une page Web, le Processus de la page Web doit communiquer avec le
|
||||||
processus principal pour lui demander d'effectur ces opérations.
|
processus principal pour lui demander d'effectur ces opérations.
|
||||||
|
|
||||||
Dans Electron, nous avons plusieurs façons de communiquer entre le processus principal et
|
Dans Electron, nous avons plusieurs façons de communiquer entre le processus principal et
|
||||||
le processeurs. Comme [`ipcRenderer`] (../ api / ipc-renderer.md) et [`IpcMain`]
|
le processeurs. Comme [`ipcRenderer`] (../ api / ipc-renderer.md) et [`IpcMain`]
|
||||||
(../ api / ipc-main.md) pour envoyer des messages, et les [Remote] (../ api / remote.md)
|
(../ api / ipc-main.md) pour envoyer des messages, et les [Remote] (../ api / remote.md)
|
||||||
pour la communication de style RPC. Il y a aussi une entrée de FAQ sur
|
pour la communication de style RPC. Il y a aussi une entrée de FAQ sur
|
||||||
[comment partager des données entre des pages Web] [share-data].
|
[comment partager des données entre des pages Web] [share-data].
|
||||||
|
|
||||||
## Écrivez votre première application Electron
|
## Écrivez votre première application Electron
|
||||||
|
|
@ -86,7 +86,7 @@ const {app, BrowserWindow} = require('electron')
|
||||||
const path = require('path')
|
const path = require('path')
|
||||||
const url = require('url')
|
const url = require('url')
|
||||||
|
|
||||||
// Gardez une référence globale de l'objet fenêtre, sinon, la fenêtre
|
// Gardez une référence globale de l'objet fenêtre, sinon, la fenêtre
|
||||||
// sera automatiquement fermée lorsque l'objet JavaScript est récupéré.
|
// sera automatiquement fermée lorsque l'objet JavaScript est récupéré.
|
||||||
let win
|
let win
|
||||||
|
|
||||||
|
|
@ -106,21 +106,21 @@ function createWindow () {
|
||||||
|
|
||||||
// Émis lorsque la fenêtre est fermée.
|
// Émis lorsque la fenêtre est fermée.
|
||||||
win.on('closed', () => {
|
win.on('closed', () => {
|
||||||
// Déréférencer l'objet fenêtre, habituellement vous stocker des fenêtres
|
// Déréférencer l'objet fenêtre, habituellement vous stocker des fenêtres
|
||||||
// dans un tableau si votre application prend en charge plusieurs fenêtres,
|
// dans un tableau si votre application prend en charge plusieurs fenêtres,
|
||||||
// c'est l'heure où vous devez supprimer l'élément correspondant.
|
// c'est l'heure où vous devez supprimer l'élément correspondant.
|
||||||
win = null
|
win = null
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// Cette méthode sera appelée lorsque Electron aura terminé l'initialisation
|
// Cette méthode sera appelée lorsque Electron aura terminé l'initialisation
|
||||||
// et est prét à créer des fenêtres de navigation. Certaines API ne peuvent
|
// et est prét à créer des fenêtres de navigation. Certaines API ne peuvent
|
||||||
// être utilisées qu'après le lancement de cet événement.
|
// être utilisées qu'après le lancement de cet événement.
|
||||||
app.on('ready', createWindow)
|
app.on('ready', createWindow)
|
||||||
|
|
||||||
// Quittez lorsque toutes les fenêtres sont fermées.
|
// Quittez lorsque toutes les fenêtres sont fermées.
|
||||||
app.on('window-all-closed', () => {
|
app.on('window-all-closed', () => {
|
||||||
// Sur macOS, il est fréquent que les applications et leur barre de menus
|
// Sur macOS, il est fréquent que les applications et leur barre de menus
|
||||||
// restent actives jusqu'à ce que l'utilisateur quitte explicitement avec Cmd + Q
|
// restent actives jusqu'à ce que l'utilisateur quitte explicitement avec Cmd + Q
|
||||||
if (process.platform !== 'darwin') {
|
if (process.platform !== 'darwin') {
|
||||||
app.quit()
|
app.quit()
|
||||||
|
|
@ -128,15 +128,15 @@ app.on('window-all-closed', () => {
|
||||||
})
|
})
|
||||||
|
|
||||||
app.on('activate', () => {
|
app.on('activate', () => {
|
||||||
// Sur macOS, il est fréquent de recréer une fenêtre dans l'application lorsque
|
// Sur macOS, il est fréquent de recréer une fenêtre dans l'application lorsque
|
||||||
// l'icône du dock est cliquée et qu'il n'y a pas d'autres fenêtres ouvertes.
|
// l'icône du dock est cliquée et qu'il n'y a pas d'autres fenêtres ouvertes.
|
||||||
if (win === null) {
|
if (win === null) {
|
||||||
createWindow()
|
createWindow()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
// Dans ce fichier, vous pouvez inclure le reste du code du processus principal
|
// Dans ce fichier, vous pouvez inclure le reste du code du processus principal
|
||||||
// spécifique de votre application. Vous pouvez également les mettres dans des
|
// spécifique de votre application. Vous pouvez également les mettres dans des
|
||||||
// fichiers distincts et les écrire ici.
|
// fichiers distincts et les écrire ici.
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
@ -161,7 +161,7 @@ Enfin, `index.html` est la page web que vous voulez afficher:
|
||||||
## Exécuter votre application
|
## Exécuter votre application
|
||||||
|
|
||||||
Une fois que vous avez créé vos fichiers `main.js`,` index.html` et `package.json`,
|
Une fois que vous avez créé vos fichiers `main.js`,` index.html` et `package.json`,
|
||||||
vous voudriez probablement essayer d'exécuter votre application localement pour la
|
vous voudriez probablement essayer d'exécuter votre application localement pour la
|
||||||
tester et vous assurer qu'elle fonctionne comme prévu.
|
tester et vous assurer qu'elle fonctionne comme prévu.
|
||||||
|
|
||||||
### `electron`
|
### `electron`
|
||||||
|
|
@ -213,18 +213,18 @@ $ ./electron/electron your-app/
|
||||||
$ ./Electron.app/Contents/MacOS/Electron your-app/
|
$ ./Electron.app/Contents/MacOS/Electron your-app/
|
||||||
```
|
```
|
||||||
|
|
||||||
`Electron.app` fait partie du package de libération de l'Electron, vous pouvez
|
`Electron.app` fait partie du package de libération de l'Electron, vous pouvez
|
||||||
télécharger à partir [here](https://github.com/electron/electron/releases).
|
télécharger à partir [here](https://github.com/electron/electron/releases).
|
||||||
|
|
||||||
### Exécuter en tant que distribution
|
### Exécuter en tant que distribution
|
||||||
|
|
||||||
Une fois que vous avez terminé d'écrire votre application, vous pouvez
|
Une fois que vous avez terminé d'écrire votre application, vous pouvez
|
||||||
créer une distribution en suivant le guide [Distribuer une application]
|
créer une distribution en suivant le guide [Distribuer une application]
|
||||||
(./application-distribution.md) puis exécuter l'application packagée.
|
(./application-distribution.md) puis exécuter l'application packagée.
|
||||||
|
|
||||||
### Essayez cet exemple
|
### Essayez cet exemple
|
||||||
|
|
||||||
Clonez et exécutez le code dans ce didacticiel en utilisant le
|
Clonez et exécutez le code dans ce didacticiel en utilisant le
|
||||||
[`electron/electron-quick-start`] (https://github.com/electron/electron-quick-start).
|
[`electron/electron-quick-start`] (https://github.com/electron/electron-quick-start).
|
||||||
|
|
||||||
**Note**: Exécuter cela nécessite [Git](https://git-scm.com) et [Node.js](https://nodejs.org/en/download/) (que comprend [npm](https://npmjs.org)) sur votre système.
|
**Note**: Exécuter cela nécessite [Git](https://git-scm.com) et [Node.js](https://nodejs.org/en/download/) (que comprend [npm](https://npmjs.org)) sur votre système.
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue