Digital Transformation
File System Access API
TL;DR: File System Access API adalah API browser yang memberi web app kemampuan membaca dan menulis file di disk lokal user secara langsung, dengan persetujuan eksplisit. Berguna untuk tools editor, exporter laporan, atau aplikasi yang sebelumnya wajib roundtrip ke server. Dukungan saat ini kuat di Chromium, dengan fallback download-upload klasik untuk Safari dan Firefox.
Apa itu File System Access API?
File System Access API adalah evolusi dari pola lama <input type="file"> dan URL.createObjectURL. Sebelumnya, web hanya bisa membaca file yang user pilih satu kali dan hasilnya in-memory. Dengan API ini, web app bisa meminta handle file persisten, lalu membaca dan menulis ke file tersebut berulang kali selama tab aktif, asal user sudah memberi izin.
Triknya sederhana di sisi developer. Panggil window.showOpenFilePicker() untuk membuka file, atau window.showSaveFilePicker() untuk menyimpan. Browser akan memunculkan dialog native, lalu mengembalikan FileSystemFileHandle yang bisa dipakai untuk operasi baca dan tulis selanjutnya.
Use Case yang Cocok
| Use case | Contoh aplikasi |
|---|---|
| Export laporan ke folder pilihan | Dashboard analitik UMKM |
| Editor markdown lokal | Notes app berbasis web |
| Sinkronisasi 2 arah | Backup tool tanpa cloud |
| Drag and drop besar | Editor video atau gambar |
Pendekatan ini sangat masuk akal untuk tools yang sebelumnya butuh aplikasi desktop. Dengan menggabungkan File System Access API, PWA, dan Service Worker, web app bisa bekerja offline penuh sambil tetap menulis ke file di komputer user.
Kenapa Penting?
Untuk marketer dan pebisnis Indonesia yang bergantung pada export Excel atau PDF dari dashboard, File System Access API memangkas friction "klik download lalu cari di folder Downloads". User langsung memilih folder tujuan sekali, dan export berikutnya bisa di-overwrite tanpa membuka dialog ulang. Hasilnya, tools internal terasa seperti aplikasi desktop, tapi tetap dihosting di web.
Pengalaman ini juga relevan untuk content creator yang memakai editor berbasis web. Daripada salin-tempel naskah ke Word lalu commit ke Git, alur "edit di browser, simpan ke file lokal, push" jadi mulus. Pastikan selalu sediakan jalur fallback berbasis Blob download untuk Safari dan Firefox.
Pertanyaan Umum
Apakah File System Access API aman dari pencurian data?
Aman selama user memberi izin secara eksplisit melalui dialog native browser. Web app tidak bisa menulis ke folder sembarangan tanpa pilihan user. Dialog tidak bisa dimanipulasi oleh JavaScript.
Apa beda dengan Origin Private File System (OPFS)?
File System Access API mengakses file di disk publik user, sementara OPFS adalah sandbox storage privat per origin yang tidak terlihat di File Explorer. Pilih berdasarkan apakah file perlu dibagikan ke aplikasi lain atau tidak.
Istilah Terkait