NodeJS və Electron ilə Desktop Proqramlaşdırma

qubadov

Published: 12 Nov 2018 › Updated: 12 Nov 2018 NodeJS və Electron ilə Desktop Proqramlaşdırma

NodeJS və Electron ilə Desktop Proqramlaşdırma

NodeJS və Electron ilə siz Linux , Vindos və macOS platformaları üçün proqramlar hazırlaya bilərsiniz .

Bunun üçün NodeJS və Electron motorunu yükləməniz kifayət edir + JS biliyi .

Bu yazıda NodeJS və Electron istifadə edərək ilk sadə proqramımızı yaradacıyıq .

İlk öncə istifadə etdiyiniz ƏS ə NodeJS və Electron u yükləyirik . Bunun üçün bizə sadəcə olaraq NPM bəs edir .

NPM nədir deyə soruşsanız ? NPM – Node Package Manager

NPM ilə bir sıra paketləri sadəcə 1 əmr yazaraq yükləyə bilərsiniz .

NPM yükləmək üçün : NPM Rəsmi Saytı

NPM yüklədikdən sonra başlaya bilərik . ( NodeJS yüklədikdə avtomatik yüklənir NodeJS Yüklə )

İLK Proqramımıza Başlaya bilərik .

İlk olaraq proqramımızın yerləşəcəyi qovluq yaradırıq . Daha sonra qovluqa daxil oluruq . Və aşağıdakı əmri daxil edirik . ( CMD və ya Terminal vasitəsi ilə )

npm init

Bu əmr vasitəsi ilə package.json faylımızı formalaşdırırq .

Sizə uyqun olan informasiyaları daxil etdikdən sorna artıq paketləri yükləməyə başlaya bilərik .

npm install electron@latest -g

Bu əmr ilə electron paketini yükləyirik . Electron paketini yüklədikdən sonra artıq ilk proqramımızı yarada bilərik .

Electron motoru html,css və nodejs ilə çalışan rahat olaraq proqram yaza biləcəyiniz platformadır .

index.js faylı yaradırıq . içinə aşağıdakı kodları əlavə edirik .

const { app, BrowserWindow } = require(‘electron’)
function createWindow() {
win=newBrowserWindow ({ width: 800, height: 600 })
win.loadFile(‘index.html’)
}
app.on(‘ready’, createWindow)

index.html faylının içinə bu kodları əlavə edirik .

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″/>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<title>Salam Dunya</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<link rel=”stylesheet” type=”text/css” media=”screen” href=”main.css”/>
<script src=”main.js”></script>
</head>
<body>
<h1>Salam Dunya , Bu Bizim Ilk NodeJS + Electorn Proqramimizdir ! </h1>
</body>
</html>

Daha sonra package.json faylına aşağıdakı sətiri əlavə edirik .

{

“scripts”:{

“start”:”electron .”

}

}

Bu addımı da uğurla etdikdən sorna terminalda və ya cmd aşağıdakı əmri yazırıq .

npm start

Bu əmri daxil etdikdən sonra ilk proqramınız çalışmaya başlıyacaq . Bu qədər )

Növbəti yazılarımızda yazdığımız proqramı necə paket halına gətirəciyik ? Sualına cavab tapa bilərsiniz .

Bizi İzləyin

Leave NodeJS və Electron ilə Desktop Proqramlaşdırma to:

Written by Siyasat Gubadov

Software Developer

Best Posts From Siyasat Gubadov

We have not curated any of qubadov's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.

NodeJS və Electron ilə Desktop Proqramlaşdırma