Bắt gặp sự cố khi tạo ứng dụng tự động khởi chạy 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

Tôi đã sử dụng các bước này để tạo ứng dụng electronjs trước đây và đặt tệp thi hành trong thư mục khởi động để chạy nó khi khởi động hệ thống. Tuy nhiên, sau khi cập nhật cửa sổ, có một số vấn đề phát sinh khi tôi chạy ứng dụng trong tabmode. Vì vậy, tôi đã lên kế hoạch tạo một ứng dụng mới nhưng các lệnh này không hoạt động hoàn hảo. Tôi đang gặp vấn đề với nó.Bắt gặp sự cố khi tạo ứng dụng tự động khởi chạy electronjs

Vì vậy, những gì tôi muốn chính xác đang cố gắng làm là: tạo một auto-launch electron app. Bất cứ ai có thể cung cấp cho tôi các bước chính xác như tôi nhận được lỗi với các bước tôi cung cấp?

Cảm ơn bạn trước.

Nguồn

2017-08-16 anu

Steps to create electron app

Commands:

npm install electron-prebuilt -g

dự án An Electron đòi hỏi ba tập tin:

index.html: Các trang web rendered theo mặc định.
main.js: Khởi động ứng dụng và tạo cửa sổ trình duyệt để hiển thị HTML.
package.json: Liệt kê các phụ thuộc ứng dụng, dữ liệu meta và các tệp cần thiết.

package.json và thêm dòng sau:

{ 
    "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 và thêm một số css cơ bản để hỗ trợ bố cục.

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

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

app/js/index.js.

Đây sẽ là nơi hầu hết các chức năng ứng dụng diễn ra. Bắt đầu bằng cách thiết lập các phụ thuộc và biến cần thiết:

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

Nguồn

2017-09-15 11:28:01 soverflow77

Cảm ơn nỗ lực của bạn !! – anu

Bắt gặp sự cố khi tạo ứng dụng tự động khởi chạy electronjs

Trả lời

Các vấn đề liên quan