Une solution complète pour emballer et créer un électron prêt pour la distribution, l'application native Proton pour macOS, Windows et Linux avec la prise en charge de la boîte «mise à jour automatique».
Toujours à la recherche de contributions communautaires! ? La configuration d'un environnement de développement est facile à faire?
| Notes, tâches, projets. Tout en un seul endroit. | |
Votre passerelle pour comprendre vos données de diabète | Une API de licence et de distribution logicielle ouverte et à source source |
Todesktop: une plate-forme tout-en-un pour construire et libérer des applications électroniques | ![]() |
Voir la documentation complète sur electron.build.
7z , zip , tar.xz , tar.7z , tar.lz , tar.gz , tar.bz2 , dir (répertoire déballé).dmg , pkg , mas .deb ), rpm , freebsd , pacman , p5p , apk .nsis (installateur), nsis-web (Installateur Web), portable (application portable sans installation), Appx (Windows Store), MSI, Squirrel.windows.| Question | Répondre |
|---|---|
| "Je veux configurer l'électrons-constructeur" | Voir les options |
| «J'ai trouvé un bug ou j'ai une question» | Ouvrir un problème |
| «Je veux soutenir le développement» | Faire un don |
Le fil est fortement recommandé au lieu du NPM.
yarn add electron-builder --dev
Pour utiliser avec pnpm , vous devrez ajuster votre .npmrc pour utiliser toutes les approches suivantes pour que vos dépendances soient correctement regroupées (réf: # 6389):
node-linker=hoisted
public-hoist-pattern=*
shamefully-hoist=true
Remarque: Définir honteusement le HOIIST sur true est le même que la définition de Public-Hoist-sattern sur *.
YARN 3 Utilisez PNP par défaut, mais le constructeur électronique a toujours besoin de modules de nœud (réf: Yarnpkg / berry # 4804). Ajoutez une configuration dans le .yarnrc.yaml comme suit:
nodeLinker: "node-modules"
déclarera utiliser des modules de nœud au lieu de PNP.
Electron-webpack-quick-start est un moyen recommandé de créer une nouvelle application électronique. Voir les paires de chaudières.
Spécifiez les champs standard dans le package.json d'application.json - nom, description , version et auteur.
Spécifiez la configuration de build dans le package.json comme suit:
"build" : {
"appId" : " your.id " ,
"mac" : {
"category" : " your.app.category.type "
}
} Voir toutes les options. Fichiers d'option pour indiquer quels fichiers doivent être emballés dans l'application finale, y compris le fichier d'entrée, peut-être requis. Vous pouvez également utiliser des fichiers de configuration séparés, tels que js , ts , yml et json / json5 . Voir Read-Config-File pour les extensions supportées. JS Exemple pour l'API programmatique
Ajouter des icônes.
Ajoutez la clé Scripts au package.json de développement.json:
"scripts" : {
"app:dir" : " electron-builder --dir " ,
"app:dist" : " electron-builder "
} Ensuite, vous pouvez exécuter yarn app:dist (à package dans un format distribuable (par exemple DMG, Windows Installer, Package Deb)) ou yarn app:dir (génère uniquement le répertoire de package sans vraiment l'emballer. Ceci est utile à des fins de test).
Pour vous assurer que vos dépendances natives sont toujours adaptées à la version électronique, ajoutez simplement le script "postinstall": "electron-builder install-app-deps" sur votre package.json .
Si vous avez vos propres addons natifs qui font partie de l'application (pas comme une dépendance), définissez NodeGypreBuild sur true .
Veuillez noter que tout est emballé dans une archive ASAR par défaut.
Pour une application qui sera expédiée en production, vous devez signer votre application. Voir où acheter des certificats de signature de code.
Voir node_modules/electron-builder/out/index.d.ts . Les dactylographies pour dactylographie sont fournies et peuvent également être trouvés ici.
Un extrait de code fourni ci-dessous est également affiché "en action" ici.
"use strict"
const builder = require ( "electron-builder" )
const Platform = builder . Platform
// Promise is returned
builder . build ( {
targets : Platform . MAC . createTarget ( ) ,
config : {
"//" : "build options, see https://goo.gl/QQXmcV"
}
} )
. then ( ( ) => {
// handle result
} )
. catch ( ( error ) => {
// handle error
} ) Définissez la variable d'environnement DEBUG pour déboguer ce que fait le constructeur électronique:
DEBUG=electron-builder FPM_DEBUG ENV pour ajouter plus de détails sur la création de cibles Linux (sauf Snap et AppImage).
DEBUG_DMG=true ENV VAR pour ajouter plus de débogage / verbosité de hdiutil (macOS).
!!! Astuce "CMD" sur Windows La variable d'environnement est définie à l'aide de la commande SET. bash set DEBUG=electron-builder
!!! TIP "PowerShell" PowerShell utilise une syntaxe différente pour définir des variables d'environnement. bash $env:DEBUG=electron-builder
Nous faisons ce travail open source pendant notre temps libre. Si vous souhaitez que nous y investissons plus de temps, veuillez faire un don.