Workbox
Library dan alat pekerja layanan siap produksi.
Pengantar pekerja layanan
Pelajari cara pekerja layanan secara bertahap meningkatkan kualitas situs Anda dan cara Workbox membantu.
Ringkasan pekerja layanan
Pekerja layanan adalah aset JavaScript khusus yang bertindak sebagai proxy antara browser web dan server web.
Siklus proses
Memahami cara pekerja layanan berperilaku untuk memungkinkan aplikasi offline.
Strategi penyimpanan ke cache
Strategi untuk interaksi antara peristiwa pengambilan pekerja layanan dan antarmuka Cache.
Ringkasan Workbox
Serangkaian modul yang menyederhanakan caching dan perutean pekerja layanan umum.
Yang perlu Anda ketahui
Panduan yang perlu dipertimbangkan saat mem-build pekerja layanan.
Ekspektasi seputar deployment pekerja layanan
Memahami efek yang dimiliki pekerja layanan pada situs setelah di-deploy.
Menghapus pekerja layanan yang berisi bug
Cara memperbaiki pekerja layanan yang menyebabkan masalah.
Meningkatkan pengalaman pengembangan pekerja layanan
Selesaikan beberapa masalah pengembangan lokal yang mungkin Anda temui saat menggunakan pekerja layanan.
Memecahkan masalah dan mencatat log
Lihat fitur logging Workbox, dan alat proses debug pekerja layanan dalam browser.
Strategi untuk arsitektur yang berbeda-beda
Pengantar dua arsitektur {i>website
Model shell aplikasi
Cara menyambungkan model shell aplikasi dengan pekerja layanan di SPA Anda.
Pramuat Navigasi untuk HTML yang mengutamakan Jaringan
Apa itu Pramuat Navigasi, caranya mempercepat navigasi, dan cara menggunakannya di Workbox.
Aplikasi multihalaman yang lebih cepat dengan streaming
Gunakan alur kerja untuk membuat aplikasi multihalaman guna menciptakan pengalaman cepat yang dirender hampir secara instan.
Yang boleh dilakukan dan yang tidak boleh dilakukan pra-caching
Pelajari anjuran dan larangan pra-cache.
Kuota penyimpanan
Panduan tentang cara mengonfigurasi Workbox untuk menghindari masalah kuota penyimpanan.
Kasus penggunaan dan resep
Pelajari cara menangani berbagai kasus penggunaan untuk mengoptimalkan Workbox.
Menggunakan jendela kotak kerja
Terkadang pengguna offline. Pelajari cara beradaptasi, dan bantu mereka melanjutkan permintaan ketika akhirnya mereka kembali online.
Menyimpan resource ke dalam cache selama runtime
Pelajari cara menangani resource caching selama runtime, termasuk resource lintas asal.
Paksa waktu tunggu jaringan
Pelajari cara memaksa waktu tunggu jaringan saat koneksi jaringan lambat, dengan waktu yang tepat.
Akses cache dari jendela
Mengakses instance cache tidak hanya dibatasi pada cakupan pekerja layanan. Pelajari cara mengaksesnya dari konteks jendela.
Menayangkan audio dan video yang disimpan dalam cache
Pelajari cara menggunakan permintaan rentang-kotak kerja untuk menangani permintaan resource audio dan video dengan cara yang dapat diprediksi.
Mengelola respons penggantian
Terkadang pengguna mengalami kegagalan jaringan atau menjadi offline. Pelajari cara beradaptasi dengan situasi tersebut dan memberikan respons penggantian.
Menangani update segera
Cara mengupdate pengguna saat Anda mengupdate pekerja layanan.
Mencoba ulang permintaan saat kembali online
Terkadang pengguna offline. Pelajari cara beradaptasi, dan bantu mereka melanjutkan permintaan saat mereka kembali online.
Plugin Workbox
Meskipun Workbox menawarkan banyak utilitas siap pakai, Anda mungkin perlu memperluasnya untuk memenuhi persyaratan aplikasi.
Referensi lain
Pelajari lebih dalam modul Workbox, kode sumber, dan lainnya.
Modul workbox
Pekerja layanan adalah aset JavaScript khusus yang bertindak sebagai proxy antara browser web dan server web.
Workbox di GitHub
Laporkan masalah, baca catatan rilis, dan jelajahi kode sumber.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],[],[],[]]