Apa Itu Aplikasi Web Progresif Dan Bagaimana Cara Menginstalnya
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 bekerjsama Aplikasi Web Progresif, Apa yang dilakukan PWA yang tidak dilakukan oleh situs web, Inilah yang perlu Anda ketahui wacana Aplikasi Web Progresif.
Apa itu Aplikasi Web Progresif
Aplikasi Web Progresif yakni aplikasi web yang mengatakan situs reguler kepada pengguna tetapi muncul sebagai aplikasi seluler asli. PWA berupaya membawa kegunaan aplikasi seluler orisinil 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, ibarat laptop, tablet, ponsel cerdas, dan sebagainya.
- Desain: desain harus menggandakan aplikasi seluler asli, yang berarti sajian yang ramping dan gampang ditemukan, dengan interaktivitas sederhana untuk fitur-fitur canggih.
- Aman: PWA harus memakai HTTPS untuk menjaga keamanan data pengguna.
- Dapat ditemukan: pengguna sanggup menemukan PWA, dan mereka gampang diidentifikasi sebagai aplikasi (bukan “situs”).
- Keterlibatan: PWA harus mempunyai kanal ke fitur keterlibatan orisinil ibarat pemberitahuan push.
- Pembaruan: PWA tetap up to date, melayani versi layanan atau situs terbaru.
- Instalasi: memungkinkan pengguna untuk dengan gampang "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 yakni pekerja layanan browser.
Pekerja layanan yakni 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 memakai pekerja layanan ibarat pemberitahuan push dan latar belakang sinkronkan ketika ini, tetapi masa depan PWA eksklusif memberi skrip ini kekuatan yang lebih besar.
Dengan demikian, pekerja layanan membentuk dasar dari standar PWA, memakai cache web untuk hasil yang hampir seketika.
Sebelum pekerja layanan, skrip cache browser yang masuk yakni Cache Aplikasi (atau Cache Aplikasi). App Cache mempunyai fitur dalam aneka macam layanan offline-pertama tetapi agak rawan kesalahan. Selain itu, App Cache mempunyai beberapa batasan terkenal, ibarat yang dijelaskan A List Apart.
Tetapi duduk masalah utama bagi pengembang yakni kurangnya interaksi eksklusif dengan cara kerja AppCache, menghentikan pengembang memperbaiki duduk masalah secara akurat ketika mereka muncul. Pada gilirannya, situs web dan layanan dengan fungsionalitas offline penuh yakni pilihan yang berisiko.
Namun, pekerja layanan hanya bertahan selama tindakan mereka diperlukan. Dalam PWA, ketika Anda mengklik sesuatu atau memakai fitur, pekerja layanan akan bertindak. Pekerja layanan (ingat, ini yakni skrip) memproses acara, memutuskan apakah cache offline sanggup menuntaskan permintaan. Idenya yakni bahwa ada beberapa cache offline untuk PWA untuk dipilih, mengatakan 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 memakai Aplikasi Web Progresif: browser yang kompatibel dan layanan yang diaktifkan PWA.
Pertama, mari kita lihat browser. Anda mempunyai dua opsi untuk menyidik santunan browser PWA. Yang pertama yakni Jake Archibald's Is Service Worker Ready? yang dengan gampang menampilkan status siap-PWA dari peramban utama, plus internet Samsung.
Baca Juga
Untuk tinjauan umum yang lebih rinci wacana santunan browser PWA, Anda harus menyidik Can I Use, situs web yang berspesialisasi dalam daftar implementasi aneka macam teknologi web dan browser menurut versi browser. Misalnya, bila Anda memasukkan "pekerja layanan" di bilah pencarian, Anda menemukan tabel yang menampilkan nomor versi yang dipakai 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 santunan 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 yakni suplemen terbaru ke daftar santunan lengkap. Sebaliknya, QQ Browser dan Baidu Browser kini memakai 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 sanggup berpikir wacana mencari dan memasang PWA. Untuk pola ini, saya akan memakai Samsung Galaxy S8 dengan Google Chrome.
Aplikasi Web Progresif ada di mana-mana. Banyak perusahaan telah menyesuaikan situs dan layanan mereka untuk mengatakan 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 obrolan 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 melaksanakan itu alasannya yakni ada beberapa situs yang didedikasikan untuk menciptakan katalog PWA.
Pertama, coba outweb. Ini daftar aneka macam PWA yang cukup layak, dengan opsi gres sering muncul. Selanjutnya, coba pwa.rocks. Ini mempunyai pilihan yang lebih kecil, tetapi beberapa PWA mempunyai kegunaan 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 yakni 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 yakni langkah bibit unggul yang sangat baik antara browser Anda dan aplikasi seluler asli. Akankah PWA mengganti aplikasi orisinil sepenuhnya? Itu tidak sulit dari saya. PWA sangat cantik sebagai penawaran yang ringan, tetapi mengingat bahwa mereka ketika ini sebagian besar fokus pada mereplikasi situs dan layanan yang ada, mereka tidak akan menggantikan aplikasi asli.
Setidaknya, tidak untuk ketika ini.
