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

मैंने अतीत में इलेक्ट्रानज ऐप बनाने के लिए इन चरणों का उपयोग किया था और इसे सिस्टम स्टार्टअप पर चलाने के लिए इसे प्रारंभिक फ़ोल्डर में निष्पादन योग्य फ़ाइल रखा था। लेकिन, विंडोज़ अपडेट अपडेट करें, जब मैं टैबमोड में ऐप चला रहा हूं तो कुछ समस्याएं उत्पन्न हो रही हैं। इसलिए, मैंने एक नया ऐप बनाने की योजना बनाई लेकिन, ये आदेश पूरी तरह से काम नहीं कर रहे हैं। मुझे इसके साथ समस्याएं मिल रही हैं।इलेक्ट्रानज ऑटो-लॉन्च ऐप बनाने के दौरान समस्याएं प्राप्त करना

तो, मैं वास्तव में क्या करना चाहता हूं यह है: auto-launch electron app बनाना। क्या कोई मुझे सही कदम प्रदान कर सकता है क्योंकि मुझे प्रदान किए गए चरणों में त्रुटियां मिल रही हैं?

अग्रिम धन्यवाद।

उत्तर

1

Steps to create electron app

आदेश:

  • index.html: वेब पेज डिफ़ॉल्ट रूप से प्रदान की गई

    npm install electron-prebuilt -g 
    

    एक इलेक्ट्रॉन परियोजना तीन फ़ाइलों की आवश्यकता है।

  • 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> 

पीपी/सीएसएस/index.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`; 
+0

आपके प्रयास के लिए धन्यवाद !! – anu

संबंधित मुद्दे