Hanif Dwy Putra S

Jalur Polisi atau Takedown?

Sat, 26 Jul 2025 00:00:00 GMT

Perkenalan

Halo guys, bagi yang belum kenal saya, kenalin nama saya Hanif, panggil aja Nif atau Nip. Aku programmer pemula yang baru belajar programming kurang lebih 3 tahun lamanya. Dan, memiliki pengalaman bekerja di real projects kurang lebih 1 tahun.

SNBT Dumper

Bagi teman-teman yang belum mengetahui SNBT Dumper. SNBT Dumper adalah project dumping data UTBK/SNBT saat lalu yang dibuat oleh teman saya dan saya pribadi untuk kebutuhan statistik lulusan sekolah. Project ini tentunya sangat bermanfaat bagi sekolah dalam melakukan tracking alumni/lulusan melalui jalur SNBT.

Sekali lagi, saya menekankan project ini berdasarkan ide atau gagasan kami untuk memudahkan kami dalam melakukan kolektif data atau membuat statistika data terkait UTBK yang telah dimulai sejak tahun 2024. Tidak ada maksud dalam melakukan data leaking, karena pada waktu tersebut data yang disajikan telah terbuka secara publik oleh pihak SNPMB.

UTBK2025 Service

Setelah hadirnya project SNBT Dumper, saya membuat kembali project bernama UTBK2025 dengan host https://utbk2025.hanifu.id untuk melakukan data view per universitas dan per prodi untuk memudahkan dalam melakukan analisis dan statistik data.

Website saya tersebut mendapat high demand traffic ketika sedang booming di platform X (lihat di https://x.com/mawleleee/status/1942529979809427605), hal ini menyebabkan pada per tanggal 8 Juli 2025 resource server yang saya gunakan untuk melakukan deployment project tersebut mengalami usage resources yang cukup tinggi sehingga sempat mengalami down (redisnya penuh bang wkwkwk)

Berdasarkan sentimen, respons orang-orang sedikit negatif dengan pemerintah tentang keamanan data. Dan, mostly menilai mengapa data seperti ini lengkap sedetail-detailnya terexpose ke publik baik yang lolos dan tidak.

Notice dari Kemdikbudristek! 🤔🤔

Per tanggal 14 Juli 2025, pada kurang lebih pukul 13.00 WITA saya mendapatkan telepon langsung dari guru saya yang berada di sekolah untuk memberitahukan kepada saya terkait direct call dari Kemdikbudristek untuk meminta saya untuk melakukan takedown 2 services, yakni:

https://utbk2025.hanifu.id
https://snbtx.mnct.eu.org

Pada pemberitahuan yang diberikan kepada saya, utusan dari Kemdikbudristek meminta kepada saya melalui Kepala Sekolah SMA Negeri 3 Palu (sekolah saya) untuk melakukan takedown atau dibawa ke ranah kepolisian. Sontak saya, otomatis untuk melakukan takedown saja daripada urusan yang lebih panjang berikutnya (I'm poor wkwk, and masih ingin melanjutkan kuliah)

Telepon kepada Kepala Sekolah berdasarkan informasi yang saya tanyakan pada guru yang menyampaikan informasi tersebut kepada saya, kurang lebih pada pukul 10.00 WITA. Dan, disampaikan kepada saya kurang lebih pukul 13.00 WITA.

Catatan

Data UTBK 2025 masih ada dalam file storage saya, dan limited access untuk websitenya.

[
    {
        "file": "utbk-2025.db",
        "size": "73.9 MB",
        "dumps": [2025]
    },
    {
        "file": "data.db",
        "size": "209.1 MB",
        "dumps": [2025, 2025]
    }
]

Saya hanya melakukan shutdown application yang diminta untuk memberhentikan akses data publik.
Harapan saya kepada pihak SNPMB pada tahun depan (2026) lebih memperhatikan kembali GCS (Google Cloud Storage) rules, dan dapat melakukan improvement kembali pada sistem yang digunakan.
Saya memiliki data sebelum 28 Mei 2025 yakni 26 Mei 2025, apabila ditemukannya kejanggalan data yang tersedia dengan setelahnya, akan saya buat writeup nya.

Dumping SNBT

Wed, 29 Jan 2025 00:00:00 GMT

SNBT

Seleksi Nasional Berbasis Tes, tentunya teman-teman tidak asing bukan? Yap bener banget, SNBT baru aja diluncur beberapa tahun yang lalu. Namun, temen-temen siapa nih yang kemarin sempet lolos SNBT 2024? Selamat ya 😄

SNBT Dumper

Wait? What is that? SNBT Dumper? Yap, SNBT Dumper merupakan tool sederhana untuk melakukan dumping data dari situs kemendikbud untuk memperoleh data-data siswa siapa saja yang termasuk ke dalam SNBT. Data yang diperoleh, meliputi No. UTBK, Nama, dan Kampus tujuan jika lolos.

What is purpose of SNBT Dumper?

The purpose of SNBT Dumper adalah untuk menyajikan data historikal secara terbuka dan open-source bagi semuanya yang ingin melihat data SNBT Indonesia. The simply purpose is just "iseng" actually hahaha.

Flow

Apabila kita merujuk pada situs cek pengumuman SNBT (https://pengumuman-snbt-snpmb.bppp.kemdikbud.go.id/), disini hanya terlihat kolomnya saja bukan? Namun, apabila kita menilik lebih lanjut pada inspect element/sources sambil melakukan input data yang random, kita dapat melihat error 404 pada Networks GYATT!!! We caught the googleapis storage url, terlihat menarik, coba kita kulik lebih dalam Hmm?? Sama aja nih, coba lagi kita akses root pathnya Voilaa, we got entire SNBT users data heree.

Technical

Oke lanjut nih, kita kan udah berhasil dapat datanya semua (hampir), gimana kita cara dapatinnya secara otomatis? Berdasarkan kode yang ada pada sumber snbt.min.js, kita dapat melihat ada kode untuk fetching data .dwg, dan kemudian diolah ke UI.

Disini, saya ngga pake banyak tool, cuman runtime Python 3.10 dengan dependencies xmltodict, requests, dan sqlite3 aja. Kurang lebih kodenya seperti dibawah ini,

import xmltodict
import csv
import requests
import sqlite3
from datetime import datetime
from config import config

current_timestamp = datetime.now().isoformat()

snbt_files = {
    'excel': f'snbt_dump_{current_timestamp}.csv', # CSV
    'db': f'snbt_dump_{current_timestamp}.db', # sqlite
}

"""
    Request data to SNBT GoogleApi Storage
"""
def request_data_all():
    response = requests.get(config.get('storage_url'))
    if response.status_code != 200:
        raise Exception("Response not 200")
    # Parsing XML
    dictxml = xmltodict.parse(response.text)

    # Contents
    keys = [data['Key'] for data in dictxml['ListBucketResult']['Contents'] if data['Key'].endswith('.dwg')]

    return keys

def request_data_dwg(key: str):
    response = requests.get(config.get('storage_url') + key, headers={
        'Accept': 'application/json',
    })
    if response.status_code != 200:
        raise Exception("Response not 200")
    
    return response.json()

# Retrieving keys
print('Retrieving data keys...') # Logging keys
keys = request_data_all()
print(f'Receiving {len(keys)} keys') # Logging after keys

# Prepare heads
heads = ['id', 'utbk_no', 'name', 'date_of_birth', 'bidik_misi', 'passed', 'ptn', 'ptn_code', 'prodi', 'prodi_code', 'next_url']

# Preparing files
print('Initializing SQLite3 and CSV Files') # Logging files

sqlite_file = sqlite3.connect(snbt_files['db'])
sqlite_cursor = sqlite_file.cursor()

csv_file = open(snbt_files['excel'], "w+")
csv_file_writer = csv.writer(csv_file, delimiter=',', quotechar=';')

csv_file_writer.writerow(heads)

## SQLite3 create table if not exists
sqlite_create_table_query = """
    CREATE TABLE IF NOT EXISTS snbt_dump (
        id BIGINT AUTO_INCREMENT PRIMARY KEY,
        utbk_no VARCHAR(255) NOT NULL,
        name VARCHAR(255) NOT NULL,
        date_of_birth VARCHAR(50) NOT NULL,
        bidik_misi INT(1),
        passed INT(1) NOT NULL,
        ptn VARCHAR(255),
        ptn_code INT,
        prodi VARCHAR(255),
        prodi_code INT,
        next_url VARCHAR(255)
    )
"""

sqlite_insert_row_query = """
    INSERT INTO snbt_dump (
        id,
        utbk_no,
        name,
        date_of_birth,
        bidik_misi,
        passed,
        ptn,
        ptn_code,
        prodi,
        prodi_code,
        next_url
    ) VALUES (
        ?,
        ?,
        ?,
        ?,
        ?,
        ?,
        ?,
        ?,
        ?,
        ?,
        ?
    )
"""

sqlite_cursor.execute(sqlite_create_table_query)
print('Files successfuly initialized') # Logging files

# Fetching and write
index = 1
for key in keys:
    print(f'Fetching {key}')
    data = request_data_dwg(key)

    rows = [
        index,
        data['no'],
        data['na'],
        data['dob'],
        data['bm'],
        data['ac'],
        data['npt'],
        data['kpt'],
        data['nps'],
        data['kps'],
        data['upt'],
    ]

    csv_file_writer.writerow(rows)
    sqlite_cursor.execute(sqlite_insert_row_query, rows)

    index += 1


# Closing all state
csv_file.close()
sqlite_cursor.close()

Setelah kita run, boom kita dapat data sebanyak dibawah ini

Penutup

Mungkin saya bakalan update lagi mengenai SNBT Dumper ini di next article. Thanks for reading guys!

Membuat TLS/SSL Certificate Secara Gratis Dengan Letsencrypt

Sun, 25 Aug 2024 00:00:00 GMT

Preambule

Hola-hola, have a nice day everyone ✌️❤️ Pada artikel ini saya akan sharing gimana sih buat TLS certificate untuk domain kita secara gratis selamanya 🤔

Apa itu TLS/SSL?

TLS merupakan singkatan dari Transport Layer Secure, yakni pengembangan lanjut dari SSL (Socket Secure Layer). Namun, pada saat ini kebanyakan penggunaan istilah SSL digunakan untuk menjelaskan konsep sederhana dari TLS. Jadi, teknologi yang sekarang kita gunakan adalah TLS ya! 😎

Langkah-langkah

Udah, gas aja lah ya 😂 Selamat disimak ╰(°▽°)╯

Persiapan

Hal-hal yang perlu disiapkan antara lain adalah:,

domain (bebas beli dimana aja pak)
vps/server (ini juga bebas beli dimana aja, lebih baik lagi kalau udah dapat IPv4 sendiri pak)

Step 1 - Install Webserver NGINX & Certbot

Tanpa basa-basi, langsung gas bae 😎 Kita install dulu nih webservernya, kita bakalan pake nginx lagi cuy. Dan, of course ada tool baru nih, kenalin certbot. Cerbot merupakan tool CLI (Command-Line Interface) yang digunakan di server sistem UNIX (salah satunya GNU/Linux), fungsinya apa? Untuk membantu kita dalam generate SSL LetsEncrypt cuy ✌️

Untuk installnya gimana?

sudo apt install nginx certbot python3-certbot-nginx -y

Udah gitu aja 😏

:::caution Di beberapa kasus repository biasanya ada yang missing, silahkan update terlebih dahulu dengan cara berikut (jika Debian based)

sudo apt update
sudo apt upgrade

:::

Step 2 - Konfigurasi NGINX

Di step ini kita akan konfigurasi NGINX untuk protokol HTTP terlebih dahulu. Kenapa? Karena certbot akan mengaturnya untuk kita nanti 😎 Oke lets say kita mau reverse proxy ke app di VPS kita yang berjalan di port 5000, maka ip address reversenya adalah http://127.0.0.1:5000

Maka konfigurasinya kurang lebih akan seperti ini (silahkan buat file baru di /etc/nginx/sites-available/), misal saya buat dengan nama file /etc/nginx/sites-available/app-reverse-http

server {
    listen 80;
    listen [::]:80;

    server_name domainkalian.id;

    location / {
        proxy_pass http://127.0.0.1:5000/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

:::important

Jangan lupa ganti domainkalian.id dengan domain milik kalian.
Dan, jangan lupa juga mengganti 5000 pada proxy_pass untuk menyesuaikan port app yang berjalan. :::

Lalu untuk pengaktifannya bisa melalui command-command dibawah,

sudo ln -s /etc/nginx/sites-available/app-reverse-http /etc/nginx/sites-enabled/app-reverse-http
sudo nginx -t # apakah sudah aman?

sudo systemctl restart nginx

:::important Silahkan ganti app-reverse-http dengan nama file konfigurasi NGINX kalian masing-masing yang telah dibuat ya! :::

Step 3 - Tambah DNS Record Pada Domain

Agar cerbot dapat bekerja untuk mengeluarkan sertifikat TLS, maka diperlukannya verifikasi bahwa domain name yang di request telah aktif dan telah pointing ke server VPS. Silahkan menuju DNS Managementnya masing-masing, saya pribadi menggunakan DNS Managementnya Cloudflare.

Untuk data recordnya kurang lebih seperti gambar dibawah ya guys ya ✌️

Step 4 - Eksekusi certbot

Kalau kita udah pointing DNS Recordnya ke server VPSnya, ini udah gampang. Sisa kita eksekusi langsung aja si certbotnya 😏 Commandnya gimana?

sudo certbot -d domainkalian.id --nginx

Udah, singkat kan? 😋 Nah, silahkan teman-teman isi saja field yang diminta oleh certbotnya (seperti e-mail, yes dalam ToS, dan yes/no dikirim mailing oleh letsencrypt)

Jika teman-teman sudah mendapatkan output seperti gambar diatas, maka pembuatan sertifikat TLS telah berhasil 😏

Penutup

Kurang lebihnya itu saja yang dapat saya sampaikan, mohon maaf kurang dan lebihnya kata, see you next time ya, ehee ✌️

Bagaimana cara setup Node.js App + NGINX di VPS?

Sat, 24 Aug 2024 00:00:00 GMT

Preambule

👋 Halo guys, terimakasih sudah berkunjung. Sebelum lebih lanjut ke gimana cara setupnya, mendingan kita ketahui dulu secara mendasar istilah teknologi yang akan kita gunakan nantinya.

Lompat isi

Bagaimana cara setup?
Langkah-langkah
Step 1 - SSH Command
Step 2 - Login to VPS
Step 3 - Installing NGINX & update dependencies
Step 4 - Install Node.js
Step 5 - Konfigurasi Project
Step 6 - Menjalankan Node.js App
Step 7 - Setup NGINX
Step 7.1 - Setup NGINX Direct IP dengan SSL
Step 7.2 - Setup NGINX Domain tanpa SSL
Step 7.3 - Setup NGINX Domain dengan SSL
Penutup

Apa itu VPS?

VPS (Virtual Private Server) adalah sebuah sistem yang memanfaatkan teknologi virtualisasi untuk membagi satu server fisik menjadi beberapa server virtual yang terpisah. Setiap server virtual ini memiliki sistem operasi dan sumber daya sendiri (seperti CPU, RAM, dan storage) yang dialokasikan secara eksklusif.

Apa itu NGINX?

NGINX, singkatan dari "engine-x", adalah software open-source yang berfungsi sebagai server web, reverse proxy untuk mendistribusikan lalu lintas, load balancer untuk menyeimbangkan beban server, serta proxy email untuk protokol IMAP, POP3, dan SMTP.

Apa itu Node.js?

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

Secara singkat, Node.js adalah runtime environment yang memungkinkan kita untuk menjalankan kode JavaScript di luar browser.

Mengapa menggunakan NGINX?

Alasan saya pribadi menggunakan NGINX karena konfigurasinya yang cukup mudah dipahami, dibandingkan dengan kompetitornya webserver Apache. Selain itu, menurut saya NGINX lebih cepat dan ringan.

Bagaimana cara setupnya?

Setelah kalian simak definisi diatas, sudah paham bukan teknologi yang akan kita gunakan? Tentunya dongg, hehehehe 😎

Sebelum memulai, tentunya kita membutuhkan beberapa persiapan, diantaranya:,

server atau VPS (Virtual Machine Server) yang akan digunakan untuk deployment (dapat dibeli di Raznar, IDCloudHost, dan Hostdata.ID)
project node.js yang akan dijalankan (bisa dalam bentuk repository GitHub)
terminal atau command prompt (pastikan dapat menggunakan perintah ssh, seperti gambar dibawah ya)

Dalam kasus ini, saya membeli VPS dari IDCloudHost dengan spesifikasi sebagai berikut,

Setelah itu, kurang lebih teman-teman akan mendapatkan detil server yang sudah terbuat sebagai berikut,

Langkah-langkah

Step 1 - Connect ke VPS

Teman-teman silahkan membuka command prompt atau terminal favoritnya, lalu mengetik perintah sebagai berikut,

ssh [USERNAME VPS]@[IP VPS]

:::note Jangan lupa untuk mengganti [USERNAME VPS] dan [IP VPS] dengan username serta IP VPS-nya teman-teman. Tanpa [ dan ] yaa! :::

Step 2 - Verifikasi Fingerprint dan Password

Setelah teman-teman mengetik perintah diatas, akan ada permintaan fingerprint verification, silahkan teman-teman ketik yes atau enter saja. Seperti berikut,

Kemudian, ketika permintaan password telah muncul seperti diatas, maka silahkan input password VPS yang sesuai.

:::important Jangan khawatir, jika password yang diketik tidak muncul, password tersamarkan secara otomatis sebagai bentuk keamanan. :::

Step 3 - Install NGINX dan Update Dependencies

Apabila teman-teman telah mengikuti step 2, maka teman-teman akan mendapati home screen seperti berikut,

Silahkan teman-teman jalankan perintah dibawah ini,

sudo apt update
sudo apt upgrade

sudo apt install git nginx -y

sudo apt update: Memperbarui daftar paket untuk pembaruan dan penginstallan.
sudo apt upgrade: Memperbarui semua paket yang terinstal pada sistem ke versi terbaru.
sudo apt install git nginx -y: Menginstall Git & NGINX. Flag -y secara otomatis mengkonfirmasi prompt penginstallan (yes/no).

Step 4 - Install Node.js

Untuk instalasi Node.js, kita akan menggunakan Node Version Manager (NVM), karena dengan tool ini akan memudahkan kita untuk switch version Node.js tanpa ribet-ribet lagi kedepannya.

Silahkan copy perintah dibawah untuk menginstall nvm,

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

Kurang lebih jika sudah terinstall, akan seperti gambar berikut apabila kita mengeceknya dengan mengetik perintah nvm,

Apabila sudah terlihat seperti gambar diatas, silahkan jalankan perintah dibawah,

nvm install 21

:::note 21 bisa diganti dengan versi Node.js lainnya, seperti 18, 12, 20, 14 atau pun versi spesifiknya seperti 20.17.0 :::

Jika proses instalasi sudah selesai, silahkan verifikasi dengan perintah node -v, apabila jika sudah sesuai dengan versi Node.js yang kalian request, maka proses instalasi sudah berjalan dengan sempurna 😎

Step 5 - Konfigurasi Project Node.js

Selamat datang di step ke-5, kali ini kita akan membahas bagaimana kita mengkonfigurasi project node.js kita di dalam VPS ini.

Disini, saya akan menjalankan project Bookshelf API berikut dengan Node.js v21.7.3.

Hal yang harus dilakukan adalah melakukan cloning repository tersebut ke VPS kita, dengan cara sebagai berikut,

git clone https://github.com/hansputera/bookshelf-api
cd bookshelf-api # masuk ke directory project tersebut dengan nama bookshelf-api

selanjutnya, kita akan melakukan instalasi dependencies project tersebut dengan perintah npm i.

Apabila instalasi dependencies sukses, kurang lebih akan muncul sebagai gambar dibawah,

Selanjutnya, kita coba lihat dan ubah jika diperlukan dalam kode atau konfigurasi project Node.js kita, saran dari saya lebih baik apabila teman-teman mengakses environment dari Node.js NODE_ENV untuk mengecek apakah berstatus production atau development untuk menentukan binding server address ke localhost atau 0.0.0.0

Step 6 - Menjalankan Node.js App

Apabila teman-teman telah mengikuti step 5, maka teman-teman dipersilahkan mengikuti step ini.

Tentunya kita tidak selalu membuka server atau VPS selama 24 jam ⏰ bukan? Sama aja boong kalau punya VPS, namun kita selalu buka device kita untuk mengonlinekan appnya 😂

Caranya gampang banget, kita bisa menggunakan tool PM2 untuk menjalankan program atau app Node.js kita di background. Gimana? Simak dibawah.

Cara installnya gampang banget, perintahnya seperti dibawah ya

npm i -g pm2

Untuk verifikasi instalasi dapat mengetik perintah pm2, apabila muncul help info dari pm2, maka dipastikan instalasi sukses.

Selanjutnya gimana? Masih di direktori project yang sama, kita jalankan perintah sebagai berikut,

pm2 start src/index.js --name "Nama Project"
pm2 save

pm2 startup

:::note Nama Project bisa diganti dengan nama app sesuka hati kalian. Dan, src/index.js juga bisa diganti dengan lokasi file program Node.js yang akan dijalankan (misal program yang ingin dijalankan adalah index.js, maka ganti saja dengan index.js)

Command pm2 save berfungsi untuk menyimpan state app yang kalian buat.

Sedangkan pm2 startup berfungsi untuk memberikan command kepada kita untuk dijalankan sehingga pm2 akan berjalan otomatis walaupun VM di reboot. :::

Apabila sukses, akan muncul output seperti gambar dibawah

Udah selesai? Iya udah 😎 EH-nggak dong WKWK, kita belum setup NGINX nya loh 🤩😋

Step 7 - NGINX Setup

Untuk konfigurasi NGINX-nya kita akan bagi menjadi dua, yaitu:,

Direct IP dengan SSL
Domain dengan/tanpa SSL

Direct IP dengan SSL

Tentunya sewaktu-waktu kita pengen akses app kita secara langsung tanpa harus ribet beli domain example.com, abcd.com, inidomain.id, dan seterusnya supaya bisa diakses dengan SSL.

Secara default, jika menggunakan yang gratisan (free) yakni letsencrypt, jenis SSL ini hanya berfungsi pada alamat yang berdomain, dan tidak berlaku pada IP Address.

Salah satu solusi yang saya temukan adalah dengan menggunakan layanan SSL gratis oleh ZeroSSL. Hanya dibutuhkan akun, dan alamat IP VM saja, kita bisa mendapatkan sertifikat SSL secara gratis.

ZeroSSL Verification

Kita mendaftar/signup atau registrasi akun di ZeroSSL
Ketika masuk ke bagian homepage setelah registrasi akun, klik "New Certificate"
Setelah itu, teman-teman akan masuk ke halaman form validasi. Silahkan isi field "Domain" dengan alamat IP VPS teman-teman, dan klik "Next Step"
Selanjutnya silahkan pilih validity "90-day" jika ingin yang gratis. Lalu klik "Next Step"
Untuk addons, "CSR & Contact", dan field finalize order, kita langsung skip saja dengan klik "Next Step" juga.
Nah, sampai juga dengan halaman verifikasi server. Kurang lebih tampilannya seperti berikut, silahkan pilih metode "HTTP File Upload"
Silahkan teman-teman download file teks "Download File Auth", kemudian jalankan perintah dibawah di VPSnya teman-teman

sudo mkdir -p /var/www/well-known/pki-validation

:::note Perintah mkdir -p /var/www/well-known/pki-validation berfungsi untuk membuat directory /var/www/well-known/pki-validation :::

Jika sudah, silahkan teman-teman copy nama filenya dan isinya yang sudah teman-teman download tadi. Dan, jalankan perintah dibawah,

sudo nano /var/www/well-known/pki-validation/NAMA_FILE_DICOPY

:::important NAMA_FILE_DICOPY diganti dengan nama file yang sudah dicopy tadi, jangan lupa apabila berakhiran .txt, hal tersebut juga dimasukan. Intinya semua nama filenya dimasukan. :::

Setelah itu, teman-teman silahkan paste isi file yang sudah dicopy tadi. Jika sudah, silahkan CTRL+X, dan apabila ditanya Save modified buffer?, maka ketik saja Y lalu enter.
Jika sudah, silahkan teman-teman copy teks berikut:

 location /.well-known {
    autoindex on;
    alias /var/www/well-known;
 }

Lalu silahkan teman-teman edit kembali file /etc/nginx/sites-available/default dengan editor nano

nano /etc/nginx/sites-available/default

Kemudian scroll ke bawah, sehingga menemukan line seperti berikut

location / {
    ....
}

# isi disini

:::important Silahkan ganti # isi disini dengan konfigurasi yang telah dicopy sebelumnya. :::

Jika konfigurasi kurang lebih seperti dibawah, silahkan CTRL+X, dan save. Lalu keluar.
Kembali ke halaman verifikasi ZeroSSL, lalu klik "Next Step", dan terakhir "Verify Domain"
Jika kamu mendapatkan gambar seperti dibawah, maka verifikasi kamu berhasil.
Jika proses pembuatan sertifikat SSL sudah selesai, silahkan pilih "Server Type" menjadi NGINX, dan download file .zip sertifikatnya.

NGINX Setup

Silahkan teman-teman copy konten file certificate.crt dan private.key. :::important

Silahkan buat file certificate.pem di folder /etc/ssl/certs dengan perintah sebagai berikut:

nano /etc/ssl/certs/certificate.pem

Lalu paste isi dari file certificate.crt di file certificate.pem tersebut.

Lalu, lakukan hal yang sama dengan file private.key seperti cara diatas. :::

Silahkan copy konfigurasi dibawah lalu paste ke /etc/nginx/sites-available/app-reverse menggunakan editor nano

server {
        listen 80;
        listen [::]:80;

        server_name IP_VPS;
        return 301 https://$host$request_uri;
}

server {
        listen 443 ssl;
        listen [::]:443 ssl;

        server_name IP_VPS;

        ssl_certificate /etc/ssl/certs/certificate.pem;
        ssl_certificate_key /etc/ssl/certs/private.key;

        location / {
                proxy_pass http://127.0.0.1:5000/;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
        }
}

:::important

Untuk IP_VPS silahkan diganti dengan IP VPSnya teman-teman.
Untuk http://127.0.0.1:5000, angka 5000 bisa diganti dengan port app node.js-nya teman-teman. :::

Kemudian, kita akan apply changes nginx dengan cara dibawah

sudo ln -s /etc/nginx/sites-available/app-reverse /etc/nginx/sites-enabled/app-reverse
sudo systemctl restart nginx

Enjoy! Sekarang IP VPS kalian bisa diakses secara langsung dengan HTTPs dan mengarah ke project Node.js-nya teman-teman 😎

Domain dengan/tanpa SSL

Cara disini kurang lebih hampir sama dengan ini

Tanpa SSL

Tanpa SSL adalah paling gampang banget, karena konfigurasinya hanya seperti ini

server {
    listen 80;
    listen [::]:80;

    server_name domain_kalian.id;

    location / {
        proxy_pass http://127.0.0.1:5000/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

:::important

Untuk domain_kalian.id silahkan diganti dengan domain milik teman-teman.
Untuk http://127.0.0.1:5000, angka 5000 bisa diganti dengan port app node.js-nya teman-teman. :::

Lalu sisa di paste ke file /etc/nginx/sites-available/app-reverse-http menggunakan editor nano. Kemudian jalankan perintah dibawah untuk mengaktifkannya,

sudo ln -s /etc/nginx/sites-available/app-reverse-http /etc/nginx/sites-enabled/app-reverse-http
sudo systemctl restart nginx

Dengan SSL

Kalau dengan SSL, gimana? Sama aja kayak ini, bedanya ditambah server 443 nya doang 😋

Jadi confignya gimana? Seperti dibawah ya

server {
    listen 80;
    listen [::]:80;

    server_name domain_kalian.id;
    return 301 https://$host$request_uri;
}

server {
    listen 443 ssl;
    listen [::]:443 ssl;

    server_name domain_kalian.id;

    ssl_certificate /etc/ssl/certs/certificate.pem;
    ssl_certificate_key /etc/ssl/certs/private.key;

    location / {
        proxy_pass http://127.0.0.1:5000/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

Udah gitu doang, cuman butuh SSL Certificate aja dari LetsEncrypt, untuk tutorialnya bakal saya buatkan di artikel selanjutnya ✌️ (Lihat Disini)

Setelah itu, sisanya sama seperti cara di NGINX Setup Domain - Tanpa SSL ❤️

Penutup

Baiklah, mungkin itu saja petunjuk dan solusi yang dapat saya berikan dalam artikel ini. Dan, berikut dibawah merupakan hasil dari upaya diatas, connection ke IP VPS sudah menjadi secure karena sudah terpasang SSL certificate dari ZeroSSL.

Kurang lebih dan kesalahan kata, saya mohon maaf, tinggalkan komentar jika berkenan, sampai bertemu kembali di artikel selanjutnya 😋

Mengapa menjadi programmer?

Sat, 03 Aug 2024 00:00:00 GMT

Hai, dan selamat datang. Terimakasih sudah berkunjung ke blog saya yang biasa saja 😁🙌

Nah, disini aku mau bahas sedikit alasan kenapa aku milih menjadi programmer daripada yang lain serta cerita juga (agak banyakan 🤭).

Programmer dipikiranku adalah seseorang yang habit atau kebiasaannya ngoding dan membuat program. Welp, can we say that (programmer) is a people who code and plan the program or make the program to work?

Nah, kalau orangnya udah bisa membuat atau ngerencanain dengan kode apa yang pengen dia buat, in my opinion dia udah bisa disebut programmer.

Mengapa saya menjadi Programmer?

~~Karena saya butuh uang~~ WKWKWK 🤣

Seriously 😅, aku butuh uang atau duit sampingan untuk extend daily life aku, semisal pengen jajan, maka pake duit hasil freelance. (Loh duit ortu dikemanain?) kupakai buat membeli keperluan sekolah dan makan doang, sisanya dikeep buat next month.

Sekolah Dasar

Dan, awal mulanya juga aku ngga tahu menahu tentang coding. Aku pelajarin hal ini ketika masih Sekolah Dasar atau SD saat beranjak kelas empat. Saat aku masih SD kelas dua hingga kelas empat, masih ada tuh namanya pelajaran TIK (Teknologi, Informasi, dan Komunikasi) yang sarananya disediakan oleh pihak sekolah.

Kalau saya melihat dari sudut pandang saya saat ini, saya bersyukur banget masih bisa mendapatkan akses belajar komputer pada waktu itu dan pada di tempat itu juga. Kalau boleh bilang, sekolah saya itu di dalam hutan ya 😁 Tetapi, masih bisa tercover jaringan (walau strengthnya lemah, 3G dan H+ itu udah bersyukur banget bisa YouTube-an)

Kalau enggak salah pada tahun 2016 atau 2017 gitu, saya iseng nih coba buka network settingsnya computer di labcom di SD saya pada waktu itu, dan ke-gap sama gurunya. Ditanyain tuh,

guru: "Ngapain?" (dengan muka heran)

saya: "buka command prompt pak" (muka kaget, nervous)

guru: "loh, kamu tahu ini buat apa?" (ini = command prompt)

saya: "tau pak, ini lagi dapatin password wifinya.." (kurang lebih gini kata-katanya yang saya inget 🤣)

guru: "wohh, coba lihat, kalau kamu bisa, bapak kasih 90 kamu"

saya: "bayohh, oke pak" (gercep nginget command yang saya pelajarin dari YouTube 🤣 Bermodalkan command netsh)

(......sekitar 2 menitan....)

saya: "ini pak'e passwordnya, bener enggak?"

guru: "wahh, hebat-hebat kamu ini, coba googling, bisa nggak?"

saya: "duh, harus login ini pak, bentar.." (lucunya disini saya masih ngga paham networking, karena sekolah saya pake MikroTik buat manage accessnya 🤣)

Dan singkat cerita saya di sekolah dasar dulu, dan saya sempet katanya mau diikutin lomba Web Design, tapi sepertinya karena masih melihat saya yang belum kompeten, jadi tidak diikutsertakan 😂😭

Tak lama kemudian, aku juga mempelajari Node.js yang pada waktu itu masih v8.x.x, yang sekarang udah melesat ke versi v22.x.x ☠️ Yah udah aku pernah ceritain juga di artikel pertama ku sih, yang berjudul "Hello World"

Mungkin langsung timeskip ke kelas sembilan Sekolah Menengah Pertama atau SMP, nah disini aku udah mulai mencari uang recehan dari freelance ngerjain web dan Rest API. Pada waktu ini tuh, sedang masa-masanya COVID-19, sehingga lebih banyak spare waktu di rumah, dan juga aku semakin memantapkan diri belajar Backend dan DevOps.

Beruntungnya aku bisa join beberapa komunitas, sehingga bisa mendapat insight dan knowledge yang daging 🔥 Oh ya, aku dapatin uang jajan dari hasil freelance web developing, dan devops. Jadi, aku buat web sederhana aja untuk permintaan sederhana, dan discord bot untuk manajemen tokonya mereka di discord. Lalu, kalau DevOps lebih mengarah ke setup VPS/VM yang mereka beli dan meminta project atau appnya dijalankan. Sehingga, mereka atau client sisa akses aja.. (Biasanya yang minta seperti ini adalah mahasiswa yang ada tugas dari dosennya 😁)

Sekolah Menengah

Wih, udah gede aja nih udah masuk SMA 😃 So proud of me, Alhamdulillah karena mendapatkan ranking pertama di kelulusan atau ujian sekolah luring di SMP dalam satu angkatan, dengan rata-rata 90.25 🔥

Di SMA ini aku secara singkat aja, aku lebih mendekatkan diri ke operator sekolah. Sebagai pijakan aku join ke MPK/OSIS, yang sekarang aku menjabat sebagai Ketua Koordinator SEKBID Sembilan (9) yang manage Teknologi dan Informasi (bisa dibilang sih, babu sosmed dan dokumentasi sekolah).

Namun terlepas dari organisasi itu semua, aku juga memantapkan diri di bidang akademik (everyone can call me ugly or nerd at this moment), dan berhasil dapat attention dari guru. Yang berujung juga aku diikut sertakan dalam olimpiade (walau ga lolos, WKWKWK), atleast I got the experiences.

Dan nggak lama, Maret 2023, aku coba deketin operator sekolah (kebetulan operator sekolahnya tuh adalah guru mapel yang mengajar di kelasku). Kemudian, aku coba pendekatan bertanya tentang website sekolah. Tak kunjung lama pembicaraan, akupun disuruh ke sekolah pada weekend untuk bicara dengan pengurus sebelumnya (what a good chance here 🤣)

Yup, pada hari Sabtu aku ke sekolah. Dan, bertemu dengan pengurus sebelumnya (ternyata alumni juga guys 😄), sebut saja mas Kevin (I forgot his name ☠️ I'll correct it soon). Disini, mungkin karena guruku cuman berspekulasi "ah, ini anak cuman ngaku doang, bisa ngga ya?"

Welp, aku ditanyain tentang web frameworks dan tech stack lainnya. Serta common question, yakni SQL. Disini aku expect bakalin ditanyain banyak hal, ternyata enggak. Ya cuman dikenalin apa aja sih yang sekolah ini pake, dan berapa Rp.XXX sih yang dikeluarkan sekolah untuk keperluan teknologi seperti ini, 🤭.

Dari interview singkat itu, akupun langsung diberi akses akun cloud platform olehnya. Dan, diberi akses penuh semuanya (ibarat kata lepas tangan 🤣), saya juga ngga mempermasalahkan, karena saya udah pernah megang bendanya juga, so far ngga terlalu kaget 🙌

First Project

Ok lanjut first project aku, aku memulai projek pertama aku di sekolah ini. Bisa ditebak apa? Yap, yaitu website PPDB. Ini menurut aku proyek gelap cuy, kenapa? Proyek ini memiliki dana yang cukup banyak, namun tidak dilimpahkan sepenuhnya ke divisi yang mengerjakan.

Jadi, gini ibaratnya proyek ini memiliki dana 2 digit (diatas 20jt), namun yang sampai kebawahnya cuman sepersekian juta doang (5jt-10jt).

Aku disini sebagai Fullstack Programmer dan Kakak kelasku sebagai UI/UX Designer. Kita cuman dibayar makan-minum karena kerja sampai sore, kita dapat dispensasi ngga belajar dari pagi hingga sore pada waktu itu. Karena apa? Karena pada waktu tersebut merupakan se-minggu sebelum pengumuman PPDB.

Secara konsep dan manajemen sangat berantakan, meetingnya mereka itu adalah dua bulan sebelum PPDB dibuka. Namun realisasi proyeknya adalah dua minggu sebelum PPDB dibuka, wild asf 🤣

Gamblang aja, aku langsung gas proyek tersebut pake techstack Laravel dan Next.js. Kenapa Laravel dan Next.js? Laravel sebagai Backend dan Next.js untuk Frontend 😁🔥

Jujur aja, banyak yang kritisi techstack yang aku pilih. Udah pake Next.js kok masih pake Laravel juga? Welp, Next.js disini aku fokuskan untuk Frontend dan learning curvenya juga yang ngga terlalu tinggi untuk aku yang terbiasa di Backend.

Untuk kakak kelasku sendiri sebagai UI/UX designer, yang design websitenya menggunakan Figma (tysm kak Moh. Khaidir Akmal)

Welp, kita pulang sampai sore, maghrib malahan. Lucky kita dikasih makan (of course, ayam geprek + ice tea everyday). Mabuk ga tuh satu minggu ayam geprek 🤤

Dan ngga sampai disitu doang, sesampainya dirumah, kita juga ngerjain lagi sambil GMeet 😭. Ngerjainnya juga sampai jam dua belas malam 😄

Ya minimal waktu itu tuh, satu hari bisa lima fitur lah yang jadi, aku yang handle Fullstack waktu itu untuk hosting masih aman, karena masih ada waktu dari cPanel lama, dan frontendnya pakai Vercel.

Oke sesampailah pada saat mengerikan, yaitu pada hari-H PPDB. Website kita belum jadi, yakni cuman bisa login dan register doang (dalam ati, ya Allah). Dan, siangnya di sekolah udah pasang poster dan bannernya PPDB 😂

Welp, jujur aja. Operator sekolah ibarat PM (Project Manager) yang nyuruh-nyuruh aja, ngasih gambaran doang, eh no, lebih ke client sih jatuhnya 😭😂

There's no tech lead or someone else yang paham teknologi yang kita pake. So, aku yang handle penuh proyek ini secara technical.

Jadi, aku dalam tiga hari setelah hari-H PPDB nggak tidur, full ngerjain itu website PPDB dan tiap malam gmeet conference sama kakak kelasku, dan cuman invite operator sekolah hanya dalam beberapa menit doang dia join. Dan, untungnya di hari kedua setelah pengumuman PPDB, udah bisa lah ya calon siswa baru tuh daftar biodatanya dulu 😭🔥

Nah, jadi mau ngga mau harus live production (bug masih banyak banget), aku disini masih berstatus sebagai Anggota SEKBID 9, kebetulan juga megang akun sosmed sekolah. Jadi, pada saat ini notifikasi handphone dibanjiri DM adik adik karena bug form websitenya 🤣🔥☠️

Oke karena ceritanya ini puanjangg bangets, aku lanjut sampai di akhir PPDB. Yup, I didnt receive sepeser pun uang. That's it! 🙏

I love open-source software btw, jadi yang mau lihat kode yang saya buat bisa lihat di repo GitHub dibawah ya 🔥🙌

Back to freelance like old days

Nah semakin mendekati 2024, aku kembali freelance online seperti dulu, menerima orderan dari client yang ada di discord atau Facebook. Namun, kadang juga nyari website platform freelance, dan ngebid juga. Karena menurutku ini cara yang terbaik untuk mengais rupiah 🙌

Conclusion

Pengalaman yang aku dapatkan ngga bikin aku kapok untuk menjadi programmer atau bahkan Software Engineer (Aamiin 🙌)

Aku semakin tahu kalau dunia pemerintahan dan instansi itu emang gelap apa adanya. KKN itu nyata, Korupsi, Kolusi, dan Nepotisme 🔥

Dan, semakin aku lihat perkembangan teknologi, semakin pesat berjalannya waktu, aku yakin masih tertinggal jauh. Sebab oleh itu, aku terus memilih belajar dan terus belajar walau kelas dua belas saat ini mengkompres waktuku untuk itu, aku percaya bahwa tiap orang ada masanya, tiap orang berproses, tiada yang instan, dan itu yang memang terjadi 🙂

Hello World

Sun, 28 Jul 2024 00:00:00 GMT

Hello World

Who am I?

I am Hanif Dwy Putra S, commonly called Hanif, Hans, Nif, Nip. Now, I'm seventeen years old (17 years), I live in Palu, Central Sulawesi, Indonesia. I'm a student and work as IT Support Technician (unpaid) at SMA Negeri 3 Palu.

Histories

Elementary School Part 01 - The first step where I love code.

I've loved technology since the fourth grade of elementary school in 2017. The first technology I learned was Node.js, which was v8.x that year.

I didn't have programming skills or any of my family knew about this tech knowledge. I learned it because I was interested in Discord bots, I really wanted to know how to build and program them.

The first community I learned Node.js from was Garuda (arguably now abandoned and changed ownership), they taught me how to code from the basics, such as “how to install Visual Studio Code”, “how to install Node.js”, and “how to fix syntax issues in general”.

Elementary School Part 02 - The second step where I really interest in algorithm and logics.

So, in grade five and grade six of elementary school in 2018. I started to get interested in algorithms and programming logic, at this stage I really enjoyed programming logic which helped me with my homework (especially math). And, I was able to create my own website to expose my daily activities and a simple CRUD website using PHP (I created it with Samsung Tab 3T Lite Galaxy).

In this year, it was my first time learning Java and Docker.

Junior High School - Hello Python and DevOps!

Okkkayyy, in middle school I have so many stories to tell. But, I will say that in this year I learned a lot of technology stack. Like Python, Docker, Java, Kotlin, and many moreeee....

So, why does the title of this section say “Hello Python and DevOps!”? Because this year, I joined Raznar which is the cheapest/affordable and high-performance hosting. You can host anything here, like game hosting, app hosting, or maybe you need a VM server? Raznar is the best for you.

Okay, enough promotion, lol. At Raznar I learned many things about DevOps, such as how to manage containers and images in Docker, how to handle traffic on proxy servers, setting up CI/CD, load balancing, horizontal scaling, etc...

Well, I also learned web scraping. I like how service providers hide their API services that are being scraped from us, and we have to analyze or reverse engineer their application to sniff the service URL. Usually, I use BurpSuite, and other Python libraries.

Here is the one of web scraping projects

High School - Hi?

I'm so tired when I wrote this article btw. See you next time!