Anda harus memilih mekanisme penyimpanan yang tepat, baik untuk penyimpanan perangkat lokal maupun penyimpanan server berbasis cloud. Mesin penyimpanan yang baik akan memastikan informasi Anda disimpan dengan andal, mengurangi bandwidth, dan meningkatkan responsivitas. Strategi caching penyimpanan yang tepat adalah elemen penyusun inti untuk memungkinkan pengalaman web seluler offline.
Artikel ini memberikan dasar singkat untuk mengevaluasi layanan dan API penyimpanan. Setelah itu, kami akan memberikan tabel perbandingan dan beberapa panduan umum. Dalam waktu dekat, kami berencana menambahkan resource untuk memahami topik penyimpanan pilihan secara lebih mendalam.
Taksonomi Penyimpanan
Mari kita mulai dengan memahami beberapa dimensi yang dapat digunakan untuk menganalisis penyimpanan data untuk aplikasi web. Nanti, kita akan menggunakan framework ini untuk memerinci dan mengevaluasi berbagai opsi penyimpanan yang tersedia bagi developer web.
Model Data
Model untuk menyimpan unit data menentukan cara data diatur secara internal, yang memengaruhi kemudahan penggunaan, biaya, serta performa permintaan penyimpanan dan pengambilan.
Terstruktur: Data yang disimpan dalam tabel dengan kolom yang telah ditetapkan, seperti pada sistem pengelolaan database berbasis SQL umumnya, sangat cocok untuk kueri yang fleksibel dan dinamis, dengan berbagai jenis kueri yang mungkin tidak dikenal secara apriori. Contoh jelas datastore terstruktur di browser adalah IndexedDB.
Kunci/Nilai: Datastore Kunci/Nilai, dan database NoSQL terkait, menawarkan kemampuan untuk menyimpan dan mengambil data tidak terstruktur yang diindeks oleh kunci unik. Datastore Kunci/Nilai seperti tabel hash yang memungkinkan akses waktu-konstanta ke data buram yang diindeks. Contoh penting dari datastore kunci/nilai adalah Cache API di browser dan Apache Cassandra di server.
Byte Stream: Model sederhana ini menyimpan data sebagai string byte buram dengan panjang bervariasi, sehingga menyerahkan segala bentuk pengaturan internal ke lapisan aplikasi. Model ini sangat bagus untuk sistem file dan blob data lainnya yang tersusun secara hierarkis. Contoh jelas datastore aliran byte mencakup sistem file dan layanan penyimpanan cloud.
Persistensi
Metode penyimpanan untuk aplikasi web dapat dianalisis sesuai dengan cakupan persistensi data yang dibuat.
Persistensi Sesi: Data dalam kategori ini hanya dipertahankan selama satu sesi web atau tab browser tetap aktif. Contoh mekanisme penyimpanan dengan persistensi sesi adalah Session Storage API.
Persistensi Perangkat: Data dalam kategori ini dipertahankan di seluruh sesi dan tab/jendela browser, dalam perangkat tertentu. Contoh mekanisme penyimpanan dengan persistensi perangkat adalah Cache API.
Persistensi Global: Data dalam kategori ini dipertahankan di seluruh sesi dan perangkat. Dengan demikian, inilah bentuk persistensi data yang paling tangguh. Contoh mekanisme penyimpanan dengan persistensi global adalah Google Cloud Storage.
Dukungan Browser
Developer harus memilih API yang paling sesuai dengan domain masalahnya. Namun, mereka juga harus memperhitungkan fakta bahwa API yang distandardisasi dan sudah mapan lebih disukai daripada antarmuka kustom atau eksklusif, karena cenderung dipakai lebih lama dan lebih didukung secara luas. Mereka juga dapat menikmati basis pengetahuan yang lebih luas dan ekosistem developer yang lebih kaya.
Transaksi
Sering kali, kumpulan operasi penyimpanan terkait harus berhasil atau gagal secara atomik. Sistem pengelolaan database mendukung fitur ini secara tradisional menggunakan model transaksi, dengan pembaruan yang terkait dapat dikelompokkan ke dalam unit arbitrer. Meskipun tidak selalu diperlukan, fitur ini mudah, dan terkadang penting, di beberapa domain masalah.
Sinkronisasi/Asinkron
Beberapa API penyimpanan bersifat sinkron dalam arti bahwa permintaan penyimpanan atau pengambilan memblokir thread yang saat ini aktif hingga permintaan selesai. Hal ini sangat berat di browser web, karena permintaan penyimpanan membagikan thread utama ke UI. Untuk alasan efisiensi dan performa, API penyimpanan asinkron lebih disukai.
Melakukan proses debug penyimpanan di Chrome DevTools
Baca dokumen berikut untuk mempelajari lebih lanjut cara menggunakan Chrome DevTools untuk memeriksa dan men-debug API penyimpanan web pilihan Anda. API yang tidak disebutkan di sini berarti tidak didukung di DevTools atau tidak berlaku.
Jika Anda menggunakan beberapa API penyimpanan, lihat fitur Clear Storage di DevTools. Fitur ini memungkinkan Anda menghapus beberapa penyimpanan dengan sekali klik tombol. Lihat Menghapus pekerja layanan, penyimpanan, database, dan cache untuk mengetahui informasi selengkapnya.
Langkah berikutnya...
Setelah meninjau beberapa cara relevan untuk mempertimbangkan mekanisme penyimpanan dan membandingkan API dan layanan terpopuler yang tersedia saat ini, kami akan segera menambahkan lebih banyak konten untuk lebih mendalami satu atau beberapa topik yang diminati: