Site icon agussuratna.net

Tutorial Node.js #1 : Pengenalan Dasar Node.js

Agus Suratna

Pengenalan Node.js

Sejak kehadirannya, Node.js banyak membawa perubahan terhadap dunia pemrograman, khususnya web. Dengan Node.js, kita bisa membuat aplikasi Web, Desktop, Mobile, bahkan IoT (Internet of Things). Javascript menjadi bahasa yang populer di github.

Awalnya Javascript hanya digunakan untuk membuat web saja, namun sekarang berkat Node.js kita bisa membuat aplikasi desktop, web, mobile, CLI, IoT, dan lain-lain.

Pada tahun 2009, seorang programmer bernama Ryan Dahl menciptakan Node.js. Bahasa Pemrograman Javascript awalnya hanya bisa berjalan di atas browser, karena ada runtime engine di dalamnya. Lalu, munculah ide “Bagaimana kalau engine yang ada di dalam browser, kita keluarkan agar kita bisa mengeksekusi Javasript di luar browser”, maka lahirlah Node.js.

Jadi Node.js adalah sebuah platform untuk mengeksekusi program Javascript di luar browser. Node.js menggunakan runtime engine bernama V8, yang merupakan javascript runtime engine dari Google Chrome.

Persiapan Alat-alat untuk Belajar Node.js

Yang harus dipersapkan untuk belajar Node.js, yaitu :

  1. Text Editor
  2. Node.js

Instalasi Node.js di Windows

 Berikut adalah langkah-langkah untuk menginstal Node.js versi 18.16.1 di Windows :

  1. Kunjungi situs resmi Node.js di https://nodejs.org/en/download, pada tutorial ini menggunakan Node.js versi 18.16.1. Pilih versi yang sesuai dengan arsitektur komputer kita (32-bit atau 64-bit). Untuk keperluan tutorial ini menggunakan versi 64-bit.
  2. Unduh file instalasi untuk Node.js versi 18.16.1 dengan mengklik tautan yang sesuai. File instalasi biasanya memiliki ekstensi “.msi”.
  3. Setelah file selesai diunduh, klik dua kali file “.msi” untuk memulai proses instalasi, kemudian klik Run.
  4. Kita akan melihat jendela wizard instalasi Node.js, klik Next
  5. End User licence agreement , ceklist I accept the terms in the Licence Agreement, kemudian klik Next.
  6. Klik tombol “Next” untuk melanjutkan. Kita akan diarahkan ke halaman “Destination Folder”. Biarkan lokasi folder instalasi pada pengaturan default atau pilih lokasi lain jika kita menginginkannya.
  7. Klik tombol “Next” lagi dan kita akan sampai pada halaman “Select components”. Biarkan semua komponen yang terpilih secara default.
  8. Di jendela wizard instalasi, kita akan melihat beberapa opsi. Pastikan semua opsi terpilih, kecuali opsi “Automatically install the necessary tools…” yang tidak terpilih.
  9. Klik tombol “Next” lagi dan kita akan sampai pada halaman “Advanced Installation Options”. Biarkan semua opsi yang terpilih secara default.
  10. Klik tombol “Install” untuk memulai proses instalasi Node.js. Tunggu sampai instalasi selesai.
  11. Setelah instalasi selesai, kita akan melihat jendela “Completed”. Klik tombol “Finish” untuk menutup jendela instalasi.
  12. Untuk memastikan Node.js telah terinstal dengan sukses, buka Command Prompt atau PowerShell pada Windows. Ketik perintah berikut untuk memeriksa versi Node.js yang terinstal : 
    node -v

    Tampilan output harus “v18.16.1” atau versi yang sesuai dengan yang kita instal.

Kita telah berhasil menginstal Node.js versi 18.16.1 di Windows.

Instalasi Nodejs di Linux

Silahkan ketik perintah berikut untuk menginstal nodejs versi 10 :

curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
sudo apt-get install -y nodejs

Nodejs v11.x :

curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash -
sudo apt-get install -y nodejs

Nodejs v12.x (LTS) :

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y nodejs

Untuk distro dan sistem operasi yang lain, silahkan cek di sini: https://nodejs.org/en/download/package-manager/

Ada banyak versi Nodejs, untuk instalasi direkomendasikan memilih versi yang LTS, karena memiliki masa dukungan yang lama. Nodejs versi genap memiliki masa dukungan yang lebih panjang atau disebut dengan LTS (Long Term Support). Saat ini versi LTS yang beredar adalah versi 6 dan 8. Bedanya versi 8 memiliki lebih banyak fitur dan ter-update dibadingkan versi 6. Disarankan menginstal versi 6 saja dulu, karena kebutuhan kita untuk belajar saja, tapi kalau mau install versi yang lebih baru juga tidak masalah.

Setelah terinstal, coba perika versinya dengan perintah :

node --version
npm --version

Hasilnya :

Note: Nodejs akan terinstall di dalam direktori /usr/bin/, maka saat menggunakan NPM dengan parameter -g harus disertai sudo

Membuat Program Berbasis Teks dengan Node.js

Hal selanjutnya yang harus dilakukan adalah membuat program Hello World!. Pada tutorial ini menggunakan operating system Windows.

Berikut adalah contoh program berbasis teks sederhana menggunakan Node.js di Windows:

  1. Buka teks editor pilihan kita seperti Notepad, Notepad++, atau Visual Studio Code.
  2. Buat folder baru misal dengan nama belajarnodejs.
  3. Buat file baru di dalam folder belajarnodejs dengan ekstensi .js. Misalnya, beri nama file tersebut hello-world.js.
  4. Buka file hello-world.js dalam teks editor dan masukkan kode berikut : 
    console.log("Hello World!");
  5. Buka Command Prompt atau PowerShell di Windows.
  6. Arahkan ke direktori di mana kita menyimpan file hello-world.js. Misalnya, jika kita menyimpannya di folder “dokumen/belajarnodejs”, jalankan perintah cd documents/belajarnodejs untuk berpindah ke folder tersebut.
  7. Jalankan program dengan menjalankan perintah berikut : 
    node hello-world.js

Maka hasilnya :

Membuat Webserver dengan Node.js

Sekarang kita coba membuat sebuah webserver dengan Node.js.

  1. Buka text editor pilihan kita seperti Notepad, Notepad++, atau Visual Studio Code.

  2. Buat file baru di dalam folder belajarnodejs dengan ekstensi .js. Misalnya, beri nama file tersebut server.js.

  3. Silahkan ketik kode berikut :

    var http = require('http');
var server = http.createServer(function (req, res) {
    res.end("Hi, selamat datang di nodejs");
});

server.listen(8000);
console.log("server running on http://localhost:8000");
  4. Kemudian kita eksekusi file tersebut melalui consol dengan perintah : 
    node server.js

    Jangan lupa untuk pidah direktori dahulu dengan perintah cd. Hasilnya :

  5. Sekarang buka browser dan arahkan ke alamat http://localhost:8000, maka hasilnya : Untuk menghentikan server tekan Ctrl+c pada consol/cmd.

Penjelasan sintak :

  1. Pertama dimulai dari : 
    var http = require('http');

    Fungsi kode tersebut adalah untuk mengimpor library http dari node_modeuls. node_modules adalah direktory yang menyimpan library Nodejs. Library http berfungsi untuk menangani protokol http seperti membuat dan menerima request.

  2. Lalu kita membuat objek server dengan kode berikut : 
    var server = http.createServer(function (req, res) {
    res.end("Hi, selamat datang di nodejs");
});

    Server yang kita buat, akan merespon dengan “Hi, selamat datang di nodejs” saat diakses oleh client.

  3. Terakhir, kita menentukan nomer port yang akan digunakan oleh server : 
    server.listen(8000);

Membuat Webserver dengan Respon HTML

Webserver yang telah kita buat tadi hanya merespon dalam bentuk plain teks saja. Untuk bisa merespon dalam bentuk HTML kita harus melakukan modifikasi header.

Contohnya kita buat file baru dengan nama webserver.js dan tuliskan kodenya seperti ini :

var http = require('http');
http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.write('Hello <b>World</b>!');
    res.end();
}).listen(8000);

console.log("server running on http://localhost:8000");

Fungsi dari res.writeHead(200, {‘Content-Type’: ‘text/html’}); adalah untuk menentukan response header. Pada kode di atas, kita menentukan tipe responnya berupa text/html. Kita juga bisa menentukan tipe lain seperti JSON, PDF, XML, dan lain-lain.

Lalu res.write(‘Hello <b>World</b>!’); fungsinya untuk menulis response body atau konten yang akan dikirim ke client. Terakhir mengakhiri respon dengan res.end().

Kemudian kita eksekusi :

Hasilnya :

Demikian tutorial tentang Pengenalan Dasar Node.js, selanjutnya kita akan pelajari tentang cara menggunakan NPM untuk manajemen proyek Node.js.

 

 

Referensi :

Exit mobile version