Latihan 1: SSL/TLS dengan Let's Encrypt — DevOps

Latihan 1 dari materi SSL/TLS dengan Let's Encrypt di DevOps — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Lengkapi function analyzeUrl(url) supaya membedah URL dan mengembalikan object { protocol, isSecure, domain, port }, dengan urutan key persis begitu.

protocol: "http" atau "https", tanpa :// dan tanpa titik dua.
isSecure: true untuk https, false untuk http.
domain: nama host saja, tanpa port dan tanpa path.
port: angka (number, bukan teks). Kalau URL-nya menulis port, pakai port itu. Kalau gak, pakai port bawaan: 80 untuk http, 443 untuk https.

Yang dicek:

analyzeUrl("https://myapp.com") mengembalikan { protocol: "https", isSecure: true, domain: "myapp.com", port: 443 }.
analyzeUrl("http://localhost:3000") mengembalikan { protocol: "http", isSecure: false, domain: "localhost", port: 3000 }.
Dua URL lain dicek diam-diam: satu http tanpa port (harus 80), dan satu https dengan port yang ditulis (harus port itu).

Dua baris console.log(...) di kode awal sudah ada, biarkan saja.

Hint

URL terdiri dari protocol, host, dan kadang port. Kalau port gak ditulis, browser memakai port bawaan: 80 untuk http, 443 untuk https. Hasilnya dibandingkan sebagai JSON, jadi tipe dan urutan key ikut menentukan.
Pakai const u = new URL(url). u.protocol berisi "https:" (dengan titik dua), u.hostname berisi domain, dan u.port berisi "" kalau port bawaan atau teks seperti "3000" kalau ditulis.
const u = new URL(url); const protocol = u.protocol.replace(":", ""); const isSecure = protocol === "https"; const port = u.port ? Number(u.port) : isSecure ? 443 : 80; return { protocol, isSecure, domain: u.hostname, port };

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: SSL/TLS dengan Let's Encrypt — DevOps

Hint

Memperbarui Aplikasi