Komentar: Aplikasi web hari ini sudah sangat kompleks, dan dengan perkembangan saat ini, mereka akan menjadi lebih dan lebih kompleks, tetapi memiliki cacat fatal dan tidak dapat dipisahkan dari tautan internet. Oleh karena itu, API ditambahkan ke HTML. Ini menggunakan mekanisme penyimpanan lokal untuk menyelesaikan masalah ini dengan baik dan membuka jalan bagi aplikasi web offline.
Kata pengantar
Saat ini, aplikasi web sudah sangat kompleks, dan dengan perkembangan saat ini, mereka akan menjadi lebih dan lebih kompleks, tetapi mereka memiliki cacat yang fatal dan tidak dapat dipisahkan dari tautan internet. Oleh karena itu, API ditambahkan ke HTML.
Ini memecahkan masalah ini dengan baik dengan mekanisme penyimpanan lokal, membuka jalan bagi aplikasi web offline.
Cache lokal di cache browser
Cache lokal digunakan untuk melayani seluruh aplikasi web
Browser Cache hanya melayani satu halaman web </p> <p> Halaman web apa pun memiliki cache halaman web
Cache lokal hanya menyimpan halaman yang Anda tentukan untuk cache </p> <p> Cache halaman web tidak dapat diandalkan dan tidak aman karena kami tidak tahu halaman dan sumber daya mana yang di -cache di situs web.
Cache lokal mengontrol konten apa yang di -cache
file manifes
Cache lokal aplikasi web dikelola melalui file manifes setiap halaman. Manifest adalah teks sederhana di mana nama dan jalur file yang perlu di -cache dan tidak perlu di -cache dalam bentuk manifes.
Anda dapat menentukan manifes untuk setiap halaman atau untuk seluruh aplikasi. Misalnya, kami mengaturnya untuk hello.htm:
Cache Manifest
CACHE:
Other.html
Hellow.js
gambar/myphoto.jpg
JARINGAN:
Notoffline.asp
*
Fallback:
online.js locale.js
CACHE:
newhellow.html
Newhellow.js
Dalam file manifes, baris pertama harus mewujudkan cache untuk memberi tahu browser fungsi teks, yaitu, untuk mengatur file sumber daya dalam cache lokal.
Saat benar-benar menjalankan aplikasi Web offline, server perlu dikonfigurasi untuk mengaktifkan server untuk mendukung teks MIME TYPE/cache-manifest.
Saat menentukan file sumber, file sumber daya dapat dibagi menjadi tiga kategori: cache, jaringan, dan fallback
Karena jika halaman memiliki file manifes, browser akan secara otomatis men -cache halaman secara lokal </p> <p> Kategori jaringan adalah file sumber daya eksplisit yang tidak di -cache. File-file ini hanya dapat diakses dengan membuat tautan sisi server. Dalam contoh ini, karakter wildcard * menunjukkan bahwa yang tidak direkam tidak di -cache </p> <p> Dua file sumber daya ditentukan dalam setiap baris dalam kategori fallback. File sumber daya pertama adalah file sumber daya yang dapat digunakan saat diakses secara online, dan yang kedua adalah file cache lokal yang tidak dapat digunakan saat diakses secara online.
Proses interaksi browser dan server
Saat bekerja dengan aplikasi web offline, perlu untuk memahami interaksi antara browser dan server:
Misalnya, jika index.htm digunakan sebagai halaman beranda, halaman beranda menggunakan index.manifest.
Cache index.htm, hello.js, hello.jpg di file. Proses untuk akses pertama adalah sebagai berikut:
URL Permintaan Browser
Server kembali ke beranda index.htm
Browser mem -parsing halaman web index.htm dan meminta semua file sumber daya pada halaman.
Server mengembalikan file sumber daya
Browser memproses file manifes dan meminta file yang perlu di -cache dalam manifes. Bahkan jika permintaan telah dibuat, itu akan meminta lagi.
Server mengembalikan file yang perlu di -cache
Browser memperbarui cache lokal, menyimpan file sumber daya, dan memicu acara untuk memberi tahu cache lokal untuk memperbarui </p> <p> Buka URL lagi
Meminta url
Browser menemukan bahwa halaman tersebut di -cache, jadi menggunakan file cache lokal
File parsing
Browser seperti server meminta file manifes
Server mengembalikan 304, memberi tahu bahwa file manifes belum berubah (jika berubah, itu akan berbeda)
Objek ApplicationCache
Objek ini mewakili cache lokal, yang dapat digunakan untuk memberi tahu pengguna bahwa cache lokal telah diperbarui dan juga memungkinkan pembaruan manual cache lokal.
Sebelumnya, ketika browser memperbarui cache lokal dan memuat file sumber daya baru, acara UpdatereAdy dari objek ApplicationCache akan dipicu, memberi tahu cache lokal yang telah dimodifikasi, dan kemudian meminta pengguna untuk menyegarkan halaman secara manual.
swapcache
Metode SwapCache digunakan untuk secara manual melakukan pembaruan cache lokal. Itu hanya dapat dipanggil ketika acara Updateready dari objek ApplicationCache dipicu.
Artinya, ketika file sumber daya berubah, Anda dapat menggunakan metode ini untuk secara manual menyimpan pembaruan.