A. Membuat aplikasi desktop dengan JavaScript menggunakan framework seperti Electron

Berikut ini adalah langkah-langkah untuk membuat aplikasi desktop sederhana menggunakan Electron dan JavaScript:

Install Node.js di komputer kita. Node.js adalah platform yang menyediakan JavaScript runtime untuk menjalankan aplikasi JavaScript di luar browser.
Install Electron dengan perintah npm (Node Package Manager) seperti berikut:

npm install -g electron

Buat sebuah folder baru dan masuk ke dalam folder tersebut.
Buat file main.js dengan menyimpan kode berikut:

const { app, BrowserWindow } = require('electron')


function createWindow () {
  // Membuat window baru
  let win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })


  // Menampilkan index.html di window
  win.loadFile('index.html')
}


app.whenReady().then(createWindow)


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


app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow()
  }
})

Buat file index.html dengan menyimpan kode berikut:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Hello World!</title>
</head>
<body>
  <h1>Hello World!</h1>
</body>
</html>

Jalankan aplikasi dengan perintah:

electron .

Itulah cara membuat aplikasi desktop sederhana menggunakan Electron dan JavaScript. Semoga membantu!

PreviousBab 7: Menggunakan JavaScript di aplikasi desktop NextB. Integrasi dengan sistem operasi melalui API yang disediakan

Last updated 2 years ago

Was this helpful?

A. Membuat aplikasi desktop dengan JavaScript menggunakan framework seperti Electron

Berikut ini adalah langkah-langkah untuk membuat aplikasi desktop sederhana menggunakan Electron dan JavaScript:

Install Node.js di komputer kita. Node.js adalah platform yang menyediakan JavaScript runtime untuk menjalankan aplikasi JavaScript di luar browser.
Install Electron dengan perintah npm (Node Package Manager) seperti berikut:

npm install -g electron

Buat sebuah folder baru dan masuk ke dalam folder tersebut.
Buat file main.js dengan menyimpan kode berikut:

const { app, BrowserWindow } = require('electron')


function createWindow () {
  // Membuat window baru
  let win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })


  // Menampilkan index.html di window
  win.loadFile('index.html')
}


app.whenReady().then(createWindow)


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


app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow()
  }
})

Buat file index.html dengan menyimpan kode berikut:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Hello World!</title>
</head>
<body>
  <h1>Hello World!</h1>
</body>
</html>

Jalankan aplikasi dengan perintah:

electron .

Itulah cara membuat aplikasi desktop sederhana menggunakan Electron dan JavaScript. Semoga membantu!

PreviousBab 7: Menggunakan JavaScript di aplikasi desktop NextB. Integrasi dengan sistem operasi melalui API yang disediakan

Last updated 2 years ago

Was this helpful?