Problèmes lors de la création de l'application de lancement automatique d'electronjs

npm init 
npm install electron-prebuilt --save-dev 
Create index.js 
npm install electron-packager --save-dev 
npm run build OR electron-packager . --all

J'ai utilisé ces étapes pour créer une application electronjs dans le passé et j'ai placé son fichier exécutable dans le dossier de démarrage pour l'exécuter au démarrage du système. Mais, après la mise à jour Windows, il y a quelques problèmes qui se posent lorsque je cours l'application dans tabmode. Donc, j'ai prévu de créer une nouvelle application, mais ces commandes ne fonctionnent pas parfaitement. J'ai des problèmes avec ça. Donc, ce que je veux exactement faire est de créer un auto-launch electron app. Est-ce que n'importe qui peut me fournir des étapes correctes pendant que j'obtiens des erreurs avec les étapes que j'ai fournies?Problèmes lors de la création de l'application de lancement automatique d'electronjs

Merci d'avance.

Source

2017-08-16 anu

Steps to create electron app

Commandes:

npm install electron-prebuilt -g

Un projet électronique nécessite trois fichiers:

index.html: La page Web rendue par défaut. Main.js: Démarre l'application et crée une fenêtre de navigateur pour afficher le code HTML. Package.json: Répertorie les dépendances d'application, les métadonnées et les fichiers nécessaires.

package.json et ajoutez ce qui suit:

{ 
    "name": "hero-browser", 
    "version": "0.1.0", 
    "main": "main.js", 
    "dependencies": { 
    "dotenv": "^2.0.0", 
    "md5": "^2.1.0" 
    } 
} 

'use strict'; 

const electron = require('electron'); 
const app = electron.app; // Module to control application life. 
const BrowserWindow = electron.BrowserWindow; // Module to create native browser window. 
var mainWindow = null; 

app.on('window-all-closed', function() { 
    if (process.platform != 'darwin') { 
     app.quit(); 
    } 
}); 


app.on('ready', function() { 
    mainWindow = new BrowserWindow({width: 800, height: 600}); 
    mainWindow.loadURL('file://' + __dirname + '/app/index.html'); 

    mainWindow.on('closed', function() { 
    mainWindow = null; 
    }); 
});

app/index.html

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>Marvel Super Hero Browser</title> 
    <link href="css/index.css" rel="stylesheet" type="text/css"/> 
</head> 
<body> 
    <h1>Marvel Super Hero Browser</h1> 
    <em>Thanks to Marvel for their API.</em> 

    <div id="character_list"></div> 

    <script src="js/index.js"></script> 
</body> 
</html>

pp/css/index.css et ajouter un peu de base css pour faciliter la mise en page.

#character_list .character img { 
    width: 100px; 
} 

.character { 
    float: left; 
    padding: 25px; 
    max-width: 100px; 
}

app/js/index.js.

Ce sera là où la plupart des fonctionnalités de l'application aura lieu. Commencez par configurer les dépendances et les variables nécessaires:

'use strict'; 

require('dotenv').config(); 
var md5 = require('md5'); 
var publicKey = process.env.MARVEL_PUBLIC_KEY; 
var privateKey = process.env.MARVEL_PRIVATE_KEY; 
var ts = String(new Date().getTime()); 
var hash = md5(ts+privateKey+publicKey); 

var url = `https://gateway.marvel.com/v1/public/characters?ts=${ts}&apikey=${publicKey}&hash=${hash}&limit=25`;

Source

2017-09-15 11:28:01 soverflow77

Merci pour votre effort !! – anu

Problèmes lors de la création de l'application de lancement automatique d'electronjs

Répondre

Questions connexes