Tutorial Node.js: Cara Membuat WebSocket Sederhana di Cloud VPS untuk Pemula

Pengantar

WebSocket adalah teknologi yang memungkinkan komunikasi dua arah secara real-time antara client (browser) dan server. Berbeda dengan HTTP biasa yang bersifat request response, WebSocket memungkinkan server mengirim data ke client kapan saja tanpa harus menunggu permintaan. Teknologi ini sangat cocok digunakan untuk aplikasi chat, notifikasi real-time, dashboard monitoring, dan game online.

Pada tutorial ini, kamu akan belajar cara membuat WebSocket sederhana menggunakan Node.js di Cloud VPS dengan Ubuntu 24.04. Panduan ini ditujukan untuk pemula, mulai dari persiapan server, instalasi tools yang dibutuhkan, hingga pembuatan file server.js dan index.html.

Pengertian WebSocket

WebSocket adalah protokol komunikasi berbasis TCP yang menyediakan koneksi persisten antara client dan server. Setelah koneksi terbentuk, data dapat dikirim dan diterima secara real-time tanpa perlu membuat koneksi baru berulang kali.

Keunggulan WebSocket:

Komunikasi real-time dua arah
Lebih efisien dibanding polling HTTP
Cocok untuk aplikasi interaktif

Persiapan di Cloud VPS Ubuntu 24.04

Sebelum memulai, pastikan kamu sudah memiliki:

Cloud VPS dengan sistem operasi Ubuntu 24.04/Debian 12
Akses SSH ke server
Node.js dan NPM sudah terinstal jika belum klik panduan berikut

Langkah - Langkah Membuat WebSocket Sederhana di ubuntu 24.04

Akses ssh server
Gunakan perintah berikut :
```
ssh root@Ip-Address
```
Instalasi Web Server (Nginx)
- Nginx digunakan sebagai web server untuk mengakses file index.html melalui browser.
  install nginx :
```
sudo apt install nginx -y
```
- Jalankan dan aktifkan Nginx:
```
sudo systemctl start nginx
sudo systemctl enable nginx
```
- Cek status Nginx:
```
sudo systemctl status nginx
```
- File website akan berada di:
```
/var/www/html
```
Membuat Project WebSocket Node.js
- Masuk kedalam directory /home :
```
cd /home
```
- Buat folder project:
```
mkdir websocket-node
cd websocket-node
```
- Inisialisasi project Node.js:
```
npm init -y
```
- Install library WebSocket:
```
npm install ws
```

Membuat File server.js

Buat file server.js:
```
nano server.js
```

Isi dengan kode berikut:

const WebSocket = require('ws');

const server = new WebSocket.Server({ port: 3000 });

server.on('connection', (ws) => {
  console.log('Client terhubung');

  ws.on('message', (message) => {
    console.log('Pesan diterima:', message.toString());
    ws.send(`Server menerima: ${message}`);
  });

  ws.on('close', () => {
    console.log('Client terputus');
  });
});

console.log('WebSocket server berjalan di port 3000');

Tentukan port WebSocket (contoh: 3000) yang tersedia, tidak konflik dengan service lain, dan sudah dibuka pada firewall.

Simpan dengan klik CTRL + X kemudian Y

Membuat File index.html
- Masuk ke direktori web server:
```
sudo nano /var/www/html/index.html
```
- Isi dengan kode berikut:
  
  Ganti IP_VPS_KAMU dengan IP Cloud VPS kamu.
Menjalankan WebSocket Server
- Masuk kedalam directory file server.js
```
cd /home/nodejs/
```
  Sesuaikan dengan directory yang dibuat
- Jalankan server Node.js:
```
npm install -g pm2
pm2 start server.js --name websocket-app
pm2 save
```
Pengujian WebSocket
Buka browser dan akses:
```
http://IP_VPS_KAMU
```

Kesimpulan

Membuat WebSocket sederhana dengan Node.js di Cloud VPS Ubuntu 24.04 sangat cocok untuk pemula yang ingin mempelajari komunikasi real time. Dalam tutorial ini, kamu telah mempelajari pengertian WebSocket, instalasi web server, inisialisasi project Node.js, pembuatan server.js dan index.html, hingga menjalankan aplikasi di VPS. Dengan setup ini, kamu sudah memiliki dasar kuat untuk mengembangkan aplikasi real-time seperti chat, notifikasi, dan dashboard interaktif di lingkungan cloud VPS.