Lewati ke konten utama
menjadi.dev
Chapter 7.4 Security Lanjutan

HTTPS dan TLS/SSL: Enkripsi Komunikasi

Cara kerja HTTPS, TLS handshake, dan sertifikat

Tujuan Pembelajaran

  • Memahami cara kerja HTTPS dan enkripsi
  • Bisa mengatur HTTPS di server

Analogi

Diagram

      HTTP = Surat Terbuka (semua bisa baca)
HTTPS = Surat Tertutup + Gembok (hanya penerima bisa baca)

[Tangan] → 📬🔒 → [Tangan]
  (Enkripsi → Transport → Dekripsi)
    

HTTPS seperti surat bergembok — data terenkripsi saat transit

Penjelasan Konsep

HTTPS

HTTPS adalah HTTP dengan enkripsi. Data yang dikirim antara browser dan server di-enkripsi sehingga tidak bisa dibaca pihak ketiga.

Cara kerja TLS Handshake

  1. Client kirim ‘Client Hello’ — daftar cipher suite yang didukung.
  2. Server kirim ‘Server Hello’ — cipher suite yang dipilih + sertifikat SSL.
  3. Client verifikasi sertifikat (apakah dari CA terpercaya?).
  4. Client dan server generate session key (enkripsi simetris).
  5. Komunikasi selanjutnya menggunakan session key.

Mengapa HTTPS penting

  • Mencegah eavesdropping (penyadapan).
  • Mencegah tampering (perubahan data).
  • Autentikasi server (apakah benar google.com?).
  • SEO ranking factor (Google prioritaskan HTTPS).

Let’s Encrypt

Sertifikat SSL gratis, auto-renewal.

Inti yang Perlu Dipahami

Bagian ini berfokus pada memahami cara kerja HTTPS dan enkripsi., dan bisa mengatur HTTPS di server. Jangan terburu-buru menghafal istilahnya. Lebih penting untuk memahami peran setiap konsep dan kapan konsep itu muncul dalam pekerjaan web development.

Saat membaca HTTPS dan TLS/SSL, gunakan tujuan belajar sebagai penanda arah. Kalau kamu sudah bisa menjelaskan tujuan itu dengan kata-katamu sendiri, berarti fondasinya mulai terbentuk.

Cara Membayangkannya

HTTPS seperti surat bergembok — data terenkripsi saat transit. Analogi ini dipakai supaya konsep teknis tidak terasa melayang. Hubungkan setiap istilah dengan perannya: siapa yang meminta, siapa yang memproses, data apa yang berpindah, dan hasil apa yang diharapkan.

Kalau analoginya sudah terasa masuk akal, barulah lihat istilah teknisnya. Cara ini membuat materi lebih mudah dipahami daripada langsung menghafal definisi.

Saat Melihat Contoh Kode

Contoh kode pada chapter ini memakai bahasa javascript. Bacalah contoh kode sebagai ilustrasi alur, bukan sebagai bagian yang harus langsung dihafal. Baris 2-11: HTTPS server. Baris 14-19: Redirect HTTP ke HTTPS. Baris 22-25: HSTS header.

Perhatikan nama fungsi, urutan langkah, dan data yang berpindah. Biasanya tiga hal itu sudah cukup untuk memahami hubungan antara teori dan praktik.

Konteks dalam Perjalanan Belajar

Setiap konsep di platform ini dipilih karena dipakai di industri. Fokus pada pemahaman, bukan hafalan.

Kamu sedang membangun skill inti. Setelah bagian ini, kamu bisa memilih spesialisasi sesuai minat: frontend, backend, atau DevOps.

Gunakan pertanyaan reflektif dan prompt AI di akhir chapter sebagai latihan aktif. Membaca saja tidak cukup — kamu perlu menjelaskan ulang dengan kata-katamu sendiri.

Contoh Kode

javascript
// Express dengan HTTPS
const https = require('https');
const fs = require('fs');
const express = require('express');
const app = express();

const options = {
  key: fs.readFileSync('private-key.pem'),
  cert: fs.readFileSync('certificate.pem')
};

https.createServer(options, app).listen(443);

// Redirect HTTP ke HTTPS
app.use((req, res, next) => {
  if (!req.secure) {
    return res.redirect(`https://${req.headers.host}${req.url}`);
  }
  next();
});

// HSTS Header
app.use((req, res, next) => {
  res.setHeader('Strict-Transport-Security', 'max-age=31536000; includeSubDomains');
  next();
});

Penjelasan Kode

Baris 2-11: HTTPS server. Baris 14-19: Redirect HTTP ke HTTPS. Baris 22-25: HSTS header.

Prompt AI

Jelaskan bedanya enkripsi simetris dan asimetris.

Pertanyaan Reflektif

Cek apakah website-mu pakai HTTPS. Lihat sertifikatnya di browser.