Kita mengetahui bahwa kondisi jaringan internet yang dialami pengguna smartphone tidak selalu lancar. Ada kalanya pengguna smartphone tidak bisa terhubung sama sekali dengan jaringan internet yang bisa diakibatkan karena masalah di providernya, masalah di smartphonenya ataupun juga karena kehabisan quota.
Ambil data saat offline di PWA
Pada artikel sebelumnya kita telah belajar memahami caching pada PWA. Kali ini kita akan melakukan eksperimen bagaimana ambil data saat online dan juga saat offline. Pada eksperimen kali ini kita memiliki program waktu.php yang isinya: <?php echo date(“Y-m-d H:i:s”,time()); ?>
Memahami caching PWA
Dengan melakukan caching pada PWA, maka kita masih dapat mengakses aplikasi kita pada waktu offline atau pada waktu jaringan internet mati. Prinsip caching pada PWA adalah Install service worker Caching file yang diperlukan Service worker aktif Mencoba akses saat offline
Daftar http status code
Pada saat kita melakukan pemrograman PWA berkaitan dengan caching maupun aktivitas lainnya dalam melakukan request ke web server kita akan menerima balasan http status dari server. Kita perlu mengetahui daftar dari http status yang penting. Garis besar dari http status
Push notification pada PWA
Kita mungkin sering melihat tampilan mengenai notification subscriptions pada suatu website yang kita kunjungi. Notifikasi-notifikasi ini merupakan push notifications pada PWA. Artikel kali ini akan memberikan pengantar memahami push nofifications pada PWA. Draft mengenai Push Notifications pada PWA dapat dibaca
Fetch listener pada Service Worker
Pembelajaran PWA kali ini dilanjutkan dengan membuat event listener pada service worker. Kita akan merancang agar setiap akses ke web server selalu melewati server worker. Sebagai contoh ada tag img yang tentu berisi image. Saat tag ini mau mengambil image
Tiga jenis sertifikat SSL
Pada artikel sebelumnya kita telah membahas tiga persyaratan minimal aplikasi PWA yaitu Manifest, HTTPS dan Service Worker. Pada artikel kali ini kita membahas tiga jenis serfitikat SSL yang berhubungan dengan HTTPS. HTTPS ini menggunakan teknologi SSL (Secure Socket Layer). Pada
Function fetch pada PWA
Fetch merupakan bagian penting dari PWA. Bermula dari fetch kemudian PWA akan menentukan akan mengambil data dari cache atau dari server tergantung dari kondisi jaringan internet. Berikut ini kita akan mencoba function fetch untuk belajar mengenai function fetch ini Source
Script untuk registrasi Service Worker
Sebagai bagian dari pembelajaran PWA (Progressive Web App) kita tentu akan melakukan registrasi service Worker. Berikut ini adalah script sederhana untuk registrasi script worker. Script sederhana untuk registrasi script worker adalah: <html> <head></head> <body> <script> if (‘serviceWorker’ in navigator) {
Membuat website menjadi aplikasi desktop
Setelah kita membuat aplikasi website menjadi aplikasi mobile, maka kita melanjutkan dengan membuat bagaimana membuat website menjadi aplikasi desktop. Langkah-langkah membuat aplikasi website menjadi aplikasi desktop adalah Membuat file manifest dan dimasukkan dalam header seperti dijelaskan dalam https://www.proweb.co.id/articles/pwa/website-aplikasi-mobile.html Create shortcut: Pada