0Pricing
Electron Desktop App Development · Pelajaran

Bekerja dengan Modul Native

Pelajari cara mengintegrasikan dan menggunakan modul native Node.js yang sudah ada (C/C++) dalam aplikasi Electron untuk tugas yang membutuhkan kinerja tinggi.

Bekerja dengan Modul Native adalah pelajaran Electron Desktop App Development gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Electron Desktop App Development, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Electron Desktop App Development mencakup 4 pelajaran total.

Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.

What are Native Modules?

Welcome! Today we'll explore Native Modules in Electron. These are special Node.js modules written in C or C++.

Think of them as powerful extensions that let your JavaScript code interact directly with the operating system at a lower level or perform high-speed computations.

Why Use Native Modules?

Native modules are used for specific, critical tasks:

  • Performance: For CPU-intensive operations that JavaScript might struggle with.
  • Low-level OS Access: Interacting with hardware or specific operating system features not exposed by Node.js or Electron's standard APIs.
  • Existing C/C++ Libraries: Reusing established, optimized C/C++ libraries directly within your Electron app.

Node.js Addons in Electron

Electron uses Node.js internally. This means any Node.js native addon (a C/C++ module compiled for Node.js) can also be used in your Electron application.

You'll typically load these modules in the main process, as it has full Node.js API access, and then expose necessary functions to the renderer process via IPC or preload scripts (covered in later lessons).

Prerequisites for Building

To build native modules, you need a few tools installed on your system:

  • Python: Version 2.7 (for node-gyp).
  • C/C++ Compiler: Like Visual Studio (Windows), Xcode Command Line Tools (macOS), or build-essential (Linux).
  • node-gyp: A cross-platform command-line tool written in Node.js for compiling native addon modules.

`node-gyp` Explained

node-gyp is crucial for native module development. It takes configuration files (binding.gyp) and uses them to generate platform-specific build files (like Makefiles or Visual Studio projects).

This allows your C/C++ code to be compiled correctly for your operating system and Node.js version, producing a .node file that Node.js (and Electron) can load.

Basic Structure (Concept)

A native module project typically includes:

  • C/C++ source files: Your core logic.
  • binding.gyp: A configuration file for node-gyp, specifying how to compile your C/C++ code.
  • package.json: Defines your module and its dependencies.

The compilation process turns your C/C++ code into a .node file, which is essentially a shared library.

Installation & Compilation

When you install an npm package that contains a native module, npm automatically runs node-gyp rebuild for you.

This command compiles the native code for your specific Node.js and Electron version, creating the .node file in a directory like ./build/Release/ or ./build/Debug/.

Loading in Electron

Once compiled, a native module can be loaded into your Electron application using the standard Node.js require() function.

You simply point to the compiled .node file. This is usually done in your Electron's main process, or in a preload script for the renderer process if you need to expose its functionality there securely.

Using a Native Module (JS Example)

Here's how you would use a hypothetical native module in your Electron application's JavaScript code. We'll simulate its functionality for this runnable example.

const path = require('path');

// In a real Electron app, you'd require the compiled .node file.
// Example: const myNativeAddon = require(path.join(__dirname, 'build/Release/myaddon.node'));

// For this runnable example, we'll simulate a native module interface.
const myNativeAddon = {
  greet: (name) => {
    return `Hello from native code, ${name}!`;
  },
  add: (a, b) => {
    console.log('Performing fast native addition...');
    return a + b;
  }
};

console.log("Electron app script running...");

// Use the functions exposed by the 'native' module
const greeting = myNativeAddon.greet("CoddyKit User");
console.log(greeting);

const sum = myNativeAddon.add(15, 25);
console.log(`The sum of 15 and 25 is: ${sum}`);

console.log("Script finished.");

Quick Check

Which of the following is NOT a primary reason to use Electron native modules?

Recap & Next Steps

Great job! You've learned about Node.js native modules in Electron:

  • They are C/C++ code compiled to .node files.
  • Used for performance, OS interaction, and C/C++ library integration.
  • node-gyp is the key tool for compilation.
  • They are loaded using require() in JavaScript.

Next, we'll look at creating Tray Applications and Badges, another way to leverage native features!

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Bekerja dengan Modul Native” gratis?

Ya — teks lengkap “Bekerja dengan Modul Native” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Electron Desktop App Development, upgrade ke CoddyKit PRO. Kursus Electron Desktop App Development mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Bekerja dengan Modul Native”?

Pelajari cara mengintegrasikan dan menggunakan modul native Node.js yang sudah ada (C/C++) dalam aplikasi Electron untuk tugas yang membutuhkan kinerja tinggi. Kamu berlatih Electron Desktop App Development dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Electron Desktop App Development?

Tidak diperlukan pengalaman sebelumnya. Electron Desktop App Development di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “Bekerja dengan Modul Native” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Electron Desktop App Development ini?

Ya. Setiap pelajaran Electron Desktop App Development menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Bekerja dengan Modul Native
  2. Aplikasi Baki & Lencana
  3. Perekaman Layar dan Media
  4. Pemantauan Daya dan Perangkat Keras
← Kembali ke Electron Desktop App Development