Akhir-akhir ini terknologi PWA atau Progressive Web Apps sedang booming, karena kita dapat membuat aplikasi untuk website dengan begitu cepat, dan ditambah lagi kita dapat mengakses website secara offline. Lalu Apa Itu PWA sebenarnya?

Apa itu Progressive Web Apps
Progressive Web Apps adalah aplikasi web yang menawarkan situs reguler kepada pengguna tetapi muncul sebagai aplikasi seluler asli. PWA rupanya membawa kegunaan aplikasi seluler asli ke rangkaian fitur peramban modern, memanfaatkan sepenuhnya kemajuan di kedua bidang pengembangan. Hal apa yang mendefinisikan PWA?
Universal : PWA harus bekerja dengan mulus untuk setiap pengguna, terlepas dari browser mereka.
Responsif : PWA harus bekerja dengan perangkat apa pun, seperti laptop, tablet, ponsel cerdas, dan sebagainya.
Desain : Desain harus meniru aplikasi seluler asli, yang berarti menu yang slim dan mudah ditemukan, dengan interaktivitas sederhana untuk fitur-fitur canggih.
Aman : PWA harus menggunakan HTTPS untuk menjaga keamanan data pengguna.
Dapat ditemukan: Pengguna dapat menemukan PWA, dan mereka mudah diidentifikasi sebagai aplikasi (bukan “situs”).
Keterlibatan: PWA harus memiliki akses ke fitur keterlibatan asli seperti pemberitahuan push.
Pembaruan: PWA tetap up to date, melayani versi layanan atau situs terbaru.
Instalasi: Memungkinkan pengguna untuk dengan mudah “menginstal” PWA ke layar beranda mereka tanpa perlu application store.
Berbagi: PWA hanya memerlukan satu URL untuk dibagikan, tanpa instalasi apa pun.

Seperti yang kita lihat, PWA bertujuan untuk memberi pengguna pengalaman situs web lengkap dengan fitur yang disederhanakan dan desain antarmuka Native Application.

Bagaimana Cara Kerja Progressive Web Apps
Kunci Aplikasi Web Progresif adalah Service Worker browser. Service Worker adalah skrip yang berjalan di latar belakang browser kita, “terpisah dari halaman web, membuka pintu ke fitur yang tidak memerlukan halaman web atau interaksi pengguna.” Kita mungkin menggunakan pekerja layanan seperti pemberitahuan push dan latar belakang synchronize saat ini, tetapi masa depan PWA langsung memberi skrip ini kekuatan yang lebih besar. Dengan demikian, pekerja layanan membentuk dasar dari standar PWA, menggunakan cache web untuk hasil yang hampir seketika.
Sebelum pekerja layanan, skrip cache browser yang masuk adalah Cache Aplikasi. App Cache memiliki fitur dalam berbagai layanan offline pertama, tetapi agak rawan kesalahan. Selain itu, App Cache memiliki beberapa batasan terkenal, seperti yang dijelaskan A List Apart.Tetapi masalah utama bagi pengembang adalah kurangnya interaksi langsung dengan cara kerja AppCache, menghentikan pengembang memperbaiki masalah secara akurat saat mereka muncul. Pada gilirannya, situs web dan layanan dengan fungsionalitas offline penuh adalah pilihan yang berisiko.

Namun, Service Worker hanya bertahan selama tindakan mereka diperlukan. Dalam PWA, saat kita mengklik sesuatu atau menggunakan fitur, Service Worker akan bertindak. Service Worker (ingat, ini adalah skrip) memproses event, memutuskan apakah cache offline dapat menyelesaikan permintaan. Idenya adalah bahwa ada beberapa cache offline untuk PWA untuk dipilih, memberikan jangkauan fungsi offline yang jauh lebih luas. Selain itu, cache tidak hanya untuk peningkatan kecepatan offline. Misalnya, kita menuju ke PWA, tetapi koneksi kita sangat tidak stabil. Pekerja layanan menyajikan cache sebelumnya, berfungsi penuh, tanpa mengganggu pengalaman kita.

Dukungan Browser Progressive Web Apps
Ada dua persyaratan untuk menggunakan Aplikasi Web Progresif: browser yang kompatibel dan layanan yang diaktifkan PWA. Pertama, mari kita lihat browser. Kita memiliki dua opsi untuk memeriksa dukungan browser PWA. Yang pertama adalah Jake Archibald’s Is service worker ready?  yang dengan mudah menampilkan status siap-PWA dari peramban utama, plus internet Samsung.

Untuk tinjauan umum yang lebih rinci tentang dukungan browser PWA, kita  harus memeriksa Can I Use ,situs web yang berspesialisasi dalam daftar penerapan berbagai teknologi web dan browser berdasarkan versi browser. Misalnya, jika kita memasukkan “Service Worker” di bilah pencarian, kita menemukan tabel yang menampilkan nomor versi yang digunakan oleh masing-masing browser untuk menerapkan Service Worker PWA.
Hampir semua browser utama mendukung PWA. Microsoft Edge dan Safari adalah tambahan terbaru ke daftar dukungan PWA. Sebaliknya, QQ Browser dan Baidu Browser sekarang menggunakan versi yang sudah kadaluwarsa dan telah turun ke tingkat kedua.



Sumur: