Lewati ke konten
FDFerdinand Dero Saputra
Semua karyaen

Studi kasus — 06

FCopier

Penyalin situs berbasis Playwright dengan ekspor offline, rekaman API, dan pemindai rahasia pada aset yang disimpan.

Peran
Tooling · proyek pribadi
Tahun
2026
Stack
JavaScriptPlaywright

01 — Konteks

Situs dinamis lebih sulit disimpan untuk dibaca offline atau ditinjau keamanannya dibanding situs statis. Asetnya dimuat lewat skrip, dan salinan yang tersimpan bisa membawa kredensial yang bocor di halaman.

02 — Pendekatan

  1. 01

    Path aset yang ditulis ulang

    Referensi di JavaScript, CSS, dan gambar yang diunduh ditulis ulang, sehingga salinannya bisa berjalan offline.

  2. 02

    Rekam dan putar ulang API

    Permintaan jaringan direkam lalu dilayani kembali lewat server lokal.

  3. 03

    Pemindaian rahasia

    Aset yang disimpan dipindai dari API key dan token sebelum salinan disimpan.

03 — Hasil

Ekspor ke PDF, PNG, atau satu berkas HTML mandiri. Dokumentasinya dipublikasikan di GitHub Pages.

format ekspor
3
sinkronisasi melewati berkas tak berubah
ETag
dokumentasi di GitHub Pages
Live
Kode di GitHubDemo langsung
SebelumnyaSistem OAuth
  • Blog
  • Kontak
  • Resume

© 2026 Ferdinand Dero Saputra — dibangun dengan Next.js & Tailwind

--:--Kembali ke atas ↑