Cara Install Glance di NAT VPS

NATVPS.id – Glance adalah self-hosted dashboard yang berisi feed kita, seperti shortcut, status aplikasi, dan lain sebagainya. Glance dapat dijadikan homepage browser kita agar dapat selalu membuka feed ketika membuka browser.

Artikel ini membahas mengenai langkah-langkah install Glance di NAT VPS menggunakan Docker, beserta konfigurasi NGINX untuk reverse-proxy. Artikel ini menggunakan Ubuntu 22.04 sebagai acuan, namun Anda dapat menggunakan distribusi lain seperti Debian dan CentOS. Pastikan OS yang digunakan mendukung Docker.

Konfigurasi Port Forwarding

Mengingat kita menggunakan NAT, kita perlu menambahkan 2 konfigurasi port forwarding pada panel Virtualizor (atau panel VPS lain sesuai provider), yaitu port forwarding HTTP dan HTTPS untuk domain Glance.

Sebagai contoh, pada artikel ini akan menggunakan domain home.tutorial.mdinata.my.id untuk mengakses Glance. Anda bebas mengganti domain sesuai pilihan Anda. Catat port dan domain ini, karena kita akan menggunakannya lagi pada proses install.

Jangan lupa untuk menambahkan DNS record yang menuju ke IP publik NAT VPS Anda, seperti ini:

Install Docker

Kita akan menggunakan Docker dan Docker Compose untuk deploy Glance.

Pertama, Install curl menggunakan perintah:

apt update && apt install curl -y

Kemudian, jalankan script instalasi otomatis dari Docker dengan memasukkan:

curl -fsSL get.docker.com | sh

Tunggu hingga proses instalasi selesai.

Install Glance

Untuk memasang Glance, kita akan script resmi untuk mengambil konfigurasi default Glance dari repositorinya, sehingga kita tidak perlu membuat file konfigurasi dari awal.

Pertama, buat direktori baru untuk Glance.

mkdir glance
cd glance/

Buat file Docker Compose:

apt install nano -y # Jika belum
nano docker-compose.yml

Lalu, isikan dengan konfigurasi berikut:

services:
  glance:
    container_name: glance
    image: glanceapp/glance
    restart: unless-stopped
    volumes:
      - ./config:/app/config
    ports:
      - 8080:8080

Kemudian, unduh contoh konfigurasi Glance dengan:

mkdir config && wget -O config/glance.yml 

Silahkan ubah konfigurasi sesuai keinginan, namun Anda juga dapat mengeditnya nanti.

Jalankan Glance:

docker compose up -d

Tunggu hingga proses deploy selesai. Deploy pertama kali dapat memakan waktu beberapa menit karena harus mengunduh seluruh image Glance dari awal.

Konfigurasi NGINX (Reverse Proxy)

Agar kita dapat mengakses URL melalui domain seperti detect.tutorial.mdinata.my.id, kita dapat menggunakan reverse proxy seperti NGINX.

Pertama, install NGINX melalui perintah:

# Hapus Apache2 dan pendukungnya (biasanya terpasang secara bawaan di VPS OpenVZ)
apt purge apache2* -y

# Install NGINX
apt install nginx -y

Buat konfigurasi host baru khusus untuk Glance:

nano /etc/nginx/sites-available/glance

Kemudian tempelkan konfigurasi berikut:

# 
# Reference: 

server {
    listen 80;
    listen [::]:80;
    server_name home.tutorial.mdinata.my.id;
    location / {
        proxy_pass 

        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header X-Forwarded-Host $http_host;
        proxy_set_header Host $host;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
    }
}

Sesuaikan home.tutorial.mdinata.my.id dengan domain Anda.

Aktifkan konfigurasi tersebut dengan:

ln -sf /etc/nginx/sites-available/glance /etc/nginx/sites-enabled/glance

# Restart NGINX
systemctl restart nginx

Generate Sertifikat SSL (Let’s Encrypt)

Agar domain kita dapat diakses melalui HTTPS, kita perlu membuat sertifikat SSL. Kita dapat menggunakan sertifikat SSL gratis dari Let’s Encrypt melalui Certbot.

Install Certbot dan plugin NGINX nya menggunakan perintah:

apt install python3-certbot python3-certbot-nginx

Lalu, generate sertifikat melalui Certbot dengan perintah

certbot --nginx -d home.tutorial.mdinata.my.id

Ganti home.tutorial.mdinata.my.id dengan domain Anda.

Selamat! Domain Anda saat ini dapat diakses melalui koneksi aman HTTPS.

Mengakses Dashboard Glance

Glance dapat diakses melalui domain Anda sebelumnya. Contoh: https://home.tutorial.mdinata.my.id.

Penutup

Demikianlah artikel ini mengenai langkah-langkah install Glance di NAT VPS. Jika bingung atau ragu, jangan sungkan untuk bertanya di grup Telegram @IPv6Indonesia. Terima kasih!