获取问题，同时创造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

我使用下列步骤来创建在过去的electronjs应用程序，并把它的可执行文件中启动文件夹在系统启动时运行它。但是，后窗更新，当我在tabmode中运行应用程序时出现了一些问题。所以，我计划创建一个新的应用程序，但是，这些命令并不完美。我遇到问题了。获取问题，同时创造electronjs自动启动应用程序

所以，我想要做的就是：创建一个auto-launch electron app。任何人都可以为我提供正确的步骤，因为我在提供的步骤中遇到错误？

预先感谢您。

来源

2017-08-16 anu

Steps to create electron app

命令：

npm install electron-prebuilt -g

电子项目需要三个文件：

的index.html：在默认情况下呈现的网页。
main.js：启动应用程序并创建一个浏览器窗口来呈现HTML。
package.json：列出所需的应用程序依赖项，元数据和文件。

的package.json并添加以下：

{ 
    "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; 
    }); 
});

应用/ 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并添加一些基本的CSS以帮助布局。

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

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

应用程序/ JS/index.js。

这将是大多数应用程序功能发生的地方。首先设置所需的相关性和变量：

'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`;

来源

2017-09-15 11:28:01 soverflow77

感谢您的努力！ – anu

获取问题，同时创造electronjs自动启动应用程序

回答

相关问题