Aplikasi mendominasi ponsel Anda. Untuk waktu yang lama, aplikasi tidak memengaruhi desktop atau browser Anda dengan cara yang sama. Itu telah berubah dalam beberapa tahun terakhir. Aplikasi Web Progresif (PWA) semakin berkembang dan mengubah interaksi kami dengan semua jenis situs web.
Tapi apa sebenarnya Aplikasi Web Progresif, Apa yang dilakukan PWA yang tidak dilakukan oleh situs web, Inilah yang perlu Anda ketahui tentang Aplikasi Web Progresif.
Apa itu Aplikasi Web Progresif
Aplikasi Web Progresif adalah aplikasi web yang menawarkan situs reguler kepada pengguna tetapi muncul sebagai aplikasi seluler asli. PWA berupaya membawa kegunaan aplikasi seluler asli ke rangkaian fitur peramban modern, memanfaatkan sepenuhnya kemajuan di kedua bidang pengembangan.
Apa yang mendefinisikan PWA?
- Universal: PWA harus bekerja dengan mulus (well, hampir) 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 ramping 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 toko aplikasi.
- Berbagi: PWA hanya memerlukan satu URL untuk dibagikan, tanpa instalasi apa pun.
Bagaimana Cara Kerja Aplikasi Web Progresif
Kunci Aplikasi Web Progresif adalah pekerja layanan browser.
Pekerja layanan adalah skrip yang berjalan di latar belakang browser Anda, "terpisah dari halaman web, membuka pintu ke fitur yang tidak memerlukan halaman web atau interaksi pengguna." Anda mungkin menggunakan pekerja layanan seperti pemberitahuan push dan latar belakang sinkronkan 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 (atau 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, pekerja layanan hanya bertahan selama tindakan mereka diperlukan. Dalam PWA, saat Anda mengklik sesuatu atau menggunakan fitur, pekerja layanan akan bertindak. Pekerja layanan (ingat, ini adalah skrip) memproses acara, 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, Anda menuju ke PWA, tetapi koneksi Anda sangat tidak merata. Pekerja layanan menyajikan cache sebelumnya, berfungsi penuh, tanpa mengganggu pengalaman Anda.
Dukungan Browser Aplikasi Web Progresif
Ada dua persyaratan untuk menggunakan Aplikasi Web Progresif: browser yang kompatibel dan layanan yang diaktifkan PWA.
Pertama, mari kita lihat browser. Anda 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.
Baca Juga
Untuk tinjauan umum yang lebih rinci tentang dukungan browser PWA, Anda harus memeriksa Can I Use, situs web yang berspesialisasi dalam daftar implementasi berbagai teknologi web dan browser berdasarkan versi browser. Misalnya, jika Anda memasukkan "pekerja layanan" di bilah pencarian, Anda menemukan tabel yang menampilkan nomor versi yang digunakan oleh masing-masing browser untuk menerapkan pekerja layanan PWA.
Tabel Dapatkah Saya Menggunakan Pekerja Layanan mengonfirmasi bahwa semua browser utama mendukung PWA. Ini juga menggambarkan dukungan PWA untuk beberapa browser desktop alternatif dan browser seluler.
- Browser desktop (Dukungan Penuh): Chrome, Firefox, Opera, Edge, Safari
- Browser desktop (Dukungan Parsial / Versi Kedaluwarsa): QQ Browser, Baidu Browser
- Browser seluler (Dukungan Penuh): Chrome, Firefox, Safari, Browser UC, internet Samsung, Browser Mint, Wechat
- Peramban seluler (Dukungan Sebagian / Versi Kedaluwarsa): Peramban QQ, Peramban Android, Opera Mobile
Jadi, semua browser utama mendukung PWA. Microsoft Edge dan Safari adalah tambahan terbaru ke daftar dukungan lengkap. Sebaliknya, QQ Browser dan Baidu Browser sekarang menggunakan versi yang sudah kadaluwarsa dan telah turun ke tingkat kedua.
Cara Menemukan dan Menginstal Aplikasi Web Progresif
Sekarang Anda tahu peramban mana yang akan digunakan, Anda dapat berpikir tentang mencari dan memasang PWA. Untuk contoh ini, saya akan menggunakan Samsung Galaxy S8 dengan Google Chrome.
Aplikasi Web Progresif ada di mana-mana. Banyak perusahaan telah menyesuaikan situs dan layanan mereka untuk menawarkan versi Aplikasi Web Progresif. Dalam banyak kasus, Anda pertama kali akan menemukan PWA ketika Anda menuju ke beranda atau situs layanan seluler, yang memicu kotak dialog Tambahkan ke Layar Asal.
Tentu saja, mengunjungi situs yang tak terhitung jumlahnya dan berharap untuk melihat pemicu layar beranda tidak berguna. Bahkan, itu benar-benar memakan waktu. Untungnya, Anda tidak perlu melakukan itu karena ada beberapa situs yang didedikasikan untuk membuat katalog PWA.
Pertama, coba outweb. Ini daftar berbagai PWA yang cukup layak, dengan opsi baru sering muncul. Selanjutnya, coba pwa.rocks. Ini memiliki pilihan yang lebih kecil, tetapi beberapa PWA berguna yang ingin Anda tambahkan ke perangkat Anda.
Selanjutnya, pada Januari 2019, Chrome 72 untuk Android dikirimkan dengan Trusted Web Activity (TWA). TWA memungkinkan tab Chrome untuk terbuka dalam mode mandiri. Pada gilirannya, ini memungkinkan fitur PWA di toko aplikasi Google Play. Beberapa PWA pertama yang muncul di Google Play adalah Twitter Lite, Instagram Lite, dan Google Maps Go, dengan lebih banyak yang diatur untuk muncul seiring waktu.
Akankah Aplikasi Web Progresif Menggantikan Aplikasi Asli
Aplikasi Web Progresif adalah langkah hibrida yang sangat baik antara browser Anda dan aplikasi seluler asli. Akankah PWA mengganti aplikasi asli sepenuhnya? Itu tidak sulit dari saya. PWA sangat bagus sebagai penawaran yang ringan, tetapi mengingat bahwa mereka saat ini sebagian besar fokus pada mereplikasi situs dan layanan yang ada, mereka tidak akan menggantikan aplikasi asli.
Setidaknya, tidak untuk saat ini.