Bab 7: Menggunakan JavaScript di aplikasi desktop

Untuk menggunakan JavaScript di aplikasi desktop, kita dapat menggunakan Electron. Electron adalah framework yang dikembangkan oleh GitHub yang memungkinkan kita untuk membuat aplikasi desktop menggunakan JavaScript, HTML, dan CSS.

Untuk memulai menggunakan Electron, pertama-tama kita perlu menginstall Node.js di komputer kita. Node.js adalah platform yang menyediakan JavaScript runtime untuk menjalankan aplikasi JavaScript di luar browser.

Setelah Node.js terinstall, kita bisa menginstall Electron dengan perintah npm (Node Package Manager) seperti berikut:

npm install -g electron

Setelah Electron terinstall, kita bisa membuat aplikasi sederhana dengan menyimpan kode berikut di dalam file main.js:

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()
  }
})

Setelah itu, kita bisa menjalankan aplikasi dengan perintah:

electron .