Apakah Aplikasi Web Progresif dan Bagaimana Saya Memasang Satu?

Apakah Aplikasi Web Progresif dan Bagaimana Saya Memasang Satu?

Aplikasi menguasai telefon anda. Untuk masa yang lama, aplikasi tidak mempengaruhi desktop atau penyemak imbas anda dengan cara yang sama. Itu telah berubah dalam beberapa tahun kebelakangan ini. Aplikasi Web Progresif (PWA) berkembang secara bertahap dan mengubah interaksi kami dengan pelbagai jenis laman web.





Tetapi apa sebenarnya Aplikasi Web Progresif? Apa yang dilakukan PWA yang tidak dilakukan oleh laman web? Inilah yang perlu anda ketahui mengenai Aplikasi Web Progresif.



Apa itu Aplikasi Web Progresif?

Aplikasi Web Progresif adalah aplikasi web yang menawarkan laman web biasa kepada pengguna tetapi muncul sebagai aplikasi mudah alih asli. PWA berusaha untuk membawa kegunaan aplikasi mudah alih asli ke set ciri penyemak imbas moden, memanfaatkan sepenuhnya kemajuan di kedua bidang pembangunan.





Apa yang menentukan PWA?

  • Sejagat : PWA mesti berfungsi dengan lancar (baik, hampir) untuk setiap pengguna, tanpa mengira penyemak imbas mereka.
  • Responsif : PWA harus berfungsi dengan mana-mana peranti, seperti komputer riba, tablet, telefon pintar dan sebagainya.
  • Reka bentuk : reka bentuk harus meniru aplikasi mudah alih asli, yang bermaksud menu ringkas, mudah dicari, dengan interaktiviti sederhana untuk ciri canggih.
  • Selamat : PWA harus menggunakan HTTPS untuk menjaga keselamatan data pengguna.
  • Boleh ditemui: pengguna dapat menemui PWA, dan mereka mudah dikenali sebagai aplikasi (bukannya 'laman web').
  • Pertunangan: PWA mesti mempunyai akses ke ciri keterlibatan asli seperti pemberitahuan tolak.
  • Kemas kini: PWA tetap dikemas kini, melayani versi terkini perkhidmatan atau laman web.
  • Pemasangan: membolehkan pengguna dengan mudah 'memasang' PWA ke skrin utama mereka tanpa memerlukan kedai aplikasi.
  • Berkongsi: PWA hanya memerlukan satu URL untuk dikongsi, tanpa pemasangan.

Seperti yang anda lihat, PWA bertujuan untuk memberi pengguna pengalaman laman web sepenuhnya dengan ciri dan reka bentuk antara muka aplikasi yang diselaraskan.



Bagaimana Aplikasi Web Progresif Berfungsi?

Kunci untuk Aplikasi Web Progresif adalah pekerja perkhidmatan penyemak imbas.

Pekerja perkhidmatan adalah skrip yang berjalan di latar belakang penyemak imbas anda, 'terpisah dari laman web, membuka pintu ke ciri yang tidak memerlukan laman web atau interaksi pengguna.' Anda mungkin menggunakan pekerja perkhidmatan seperti tolak pemberitahuan dan penyegerakan latar belakang pada masa ini, tetapi masa depan PWA segera memberikan skrip ini kekuatan yang lebih besar.



Oleh itu, pekerja perkhidmatan membentuk asas standard PWA, menggunakan cache web untuk hasil yang hampir seketika.

Sebelum pekerja perkhidmatan, skrip cache penyemak imbas adalah Aplikasi Cache (atau App Cache). App Cache mempunyai pelbagai perkhidmatan offline pertama tetapi agak ralat. Selain itu, App Cache mempunyai beberapa batasan terkenal, seperti Senarai Selain menerangkan.



Tetapi masalah utama bagi pembangun adalah kurangnya interaksi langsung dengan bagaimana AppCache berfungsi, menghentikan pembangun memperbaiki masalah dengan tepat ketika timbul. Sebaliknya, laman web dan perkhidmatan dengan fungsi luar talian penuh adalah pilihan yang berisiko.

Pekerja perkhidmatan, bagaimanapun, hanya bertahan selagi tindakan mereka diperlukan. Dalam PWA, apabila anda mengklik sesuatu atau menggunakan ciri, pekerja perkhidmatan akan bertindak. Pekerja perkhidmatan (ingat, ini adalah skrip) memproses acara, memutuskan sama ada cache luar talian dapat menyelesaikan permintaan. Ideanya ialah terdapat banyak cache luar talian untuk dipilih oleh PWA, memberikan rangkaian fungsi luar talian yang jauh lebih luas.

Selain itu, cache bukan hanya untuk peningkatan kelajuan luar talian. Sebagai contoh, anda menuju ke PWA, tetapi sambungan anda sangat tidak sesuai. Pekerja perkhidmatan itu menyediakan cache sebelumnya, berfungsi sepenuhnya, tanpa mengganggu pengalaman anda.

Sokongan Penyemak Imbas Aplikasi Web Progresif

Terdapat dua syarat untuk menggunakan Aplikasi Web Progresif: penyemak imbas yang serasi dan perkhidmatan berkemampuan PWA.

Pertama, mari kita lihat penyemak imbas. Anda mempunyai dua pilihan untuk memeriksa sokongan penyemak imbas PWA. Yang pertama adalah Jake Archibald's Adakah Pekerja Perkhidmatan Sedia ? yang dengan mudah memaparkan status siap PWA penyemak imbas utama, serta internet Samsung.

Untuk gambaran keseluruhan yang lebih terperinci mengenai sokongan penyemak imbas PWA, anda mesti melihatnya Boleh saya guna , laman web yang mengkhususkan diri dalam menyenaraikan pelaksanaan pelbagai teknologi web dan penyemak imbas mengikut versi penyemak imbas. Sebagai contoh, jika anda memasukkan 'pekerja perkhidmatan' di bar carian, anda akan menjumpai jadual yang menunjukkan nombor versi yang digunakan oleh setiap penyemak imbas pekerja perkhidmatan PWA.

Jadual Can I Use Service Workers mengesahkan bahawa penyemak imbas utama semua menyokong PWA. Ini juga menggambarkan sokongan PWA untuk beberapa penyemak imbas desktop alternatif dan penyemak imbas mudah alih.

Memecahkannya sedikit lagi:

  • Penyemak imbas desktop (Sokongan Penuh): Chrome, Firefox, Opera, Edge, Safari
  • Penyemak imbas desktop (Sokongan Separa / Versi Luput): Penyemak Imbas QQ, Penyemak Imbas Baidu
  • Penyemak imbas mudah alih (Sokongan Penuh): Chrome, Firefox, Safari, UC Browser, Samsung internet, Mint Browser, Wechat
  • Penyemak imbas mudah alih (Sokongan Separa / Versi Luput): Penyemak Imbas QQ, Penyemak Imbas Android, Opera Mudah Alih

Jadi, penyemak imbas utama semuanya menyokong PWA. Microsoft Edge dan Safari adalah penambahan terbaru dalam senarai sokongan penuh. Sebaliknya, kedua-dua Penyemak Imbas QQ dan Penyemak Imbas Baidu kini menggunakan versi yang ketinggalan zaman dan dengan itu telah jatuh ke peringkat kedua.

Cara Mencari dan Memasang Aplikasi Web Progresif

Sekarang setelah anda mengetahui penyemak imbas mana yang akan digunakan, anda boleh memikirkan untuk mencari dan memasang PWA. Untuk contoh ini, saya akan menggunakan Samsung Galaxy S8 dengan Google Chrome.

Aplikasi Web Progresif ada di mana-mana. Banyak syarikat telah menyesuaikan laman web dan perkhidmatan mereka untuk menawarkan versi Aplikasi Web Progresif. Dalam banyak kes, pertama kali anda akan menemui PWA ketika anda menuju ke laman utama atau laman web perkhidmatan mudah alih, yang mencetuskan Tambah ke Skrin Utama kotak dialog.

Lihat video di bawah untuk melihat apa yang berlaku semasa anda mengunjungi Laman web Twitter Twitter .

Sudah tentu, melawat laman web yang tidak terhitung jumlahnya dan berharap dapat melihat pencetus skrin utama Sebenarnya, ia sangat memakan masa. Syukurlah, anda tidak perlu melakukan itu kerana terdapat beberapa laman web yang dikhaskan untuk pengkatalogan PWA.

Pertama, cuba orang luar . Ia menyenaraikan pelbagai PWA yang cukup baik, dengan pilihan baru sering muncul. Seterusnya, cuba pwa.rocks. Ia mempunyai pilihan yang lebih kecil, tetapi beberapa PWA berguna yang ingin anda tambahkan ke peranti anda.

Selanjutnya, pada Januari 2019, Chrome 72 untuk Android dihantar dengan Aktiviti Web Dipercayai (TWA). TWA membolehkan tab Chrome dibuka dalam mod yang berdiri sendiri. Sebaliknya, ini membolehkan PWA ditampilkan di gedung aplikasi Google Play. Beberapa PWA pertama yang muncul di Google Play adalah Twitter Lite , Instagram Lite, dan Peta Google Go , dengan lebih banyak set untuk muncul dari masa ke masa.

Galeri Gambar (2 Gambar) Kembangkan Kembangkan Tutup

Adakah Aplikasi Web Progresif akan Mengganti Aplikasi Asli?

Aplikasi Web Progresif adalah langkah hibrid yang sangat baik antara penyemak imbas anda dan aplikasi mudah alih asli. Adakah PWA akan menggantikan aplikasi asli sepenuhnya? Itu nombor keras dari saya. PWA sangat bagus sebagai penawaran ringan, tetapi memandangkan saat ini mereka terutama fokus pada meniru laman web dan perkhidmatan yang ada, mereka tidak akan menggantikan aplikasi asli.

Sekurang-kurangnya, bukan buat masa ini.

cara mengemas kini emoji pada telefon lg

PWA berfungsi walaupun. Data yang terdapat di Statistik PWA juga menyokong ini. Berikut adalah beberapa nombor menarik yang menggambarkan bagaimana PWA mengubah interaksi kami dengan laman web yang biasa digunakan:

  • Trivago menyaksikan peningkatan penglibatan 150 peratus untuk pengguna menambahkan PWA mereka ke skrin utama.
  • Halaman utama Forbes 'PWA' dimuat sepenuhnya hanya dalam 0.8 saat, 'sementara tera setiap lawatan meningkat 10 peratus. Forbes 'PWA juga menyaksikan panjang sesi pengguna dua kali ganda.
  • Twitter Lite menyaksikan peningkatan halaman sebanyak 65 peratus setiap sesi, dengan peningkatan tweet sebanyak 75 peratus. Ia juga interaktif 'dalam masa kurang dari 5 saat melalui 3G.'
  • Alibaba menyaksikan peningkatan 76 peratus dalam penukaran mudah alih.

PWA belum menjadi arus perdana. Tetapi dengan pelbagai faedah yang mereka berikan, seperti menjimatkan ruang pada peranti anda, anda akan lebih banyak mendengar tentangnya di masa hadapan.

Berkongsi Berkongsi Tweet E-mel Panduan Pemula untuk Animasi Ucapan

Animasi ucapan boleh menjadi cabaran. Sekiranya anda sudah bersedia untuk mula menambahkan dialog ke projek anda, kami akan menguraikan proses untuk anda.

Baca Seterusnya Topik-topik yang berkaitan Mengenai Pengarang Gavin Phillips(945 Artikel Diterbitkan)

Gavin adalah Editor Junior untuk Windows dan Teknologi yang Dijelaskan, penyumbang tetap Podcast yang Sangat Berguna, dan pengulas produk biasa. Dia memiliki Penulisan Kontemporari BA (Kepujian) dengan Amalan Seni Digital yang dijarah dari bukit Devon, serta lebih dari satu dekad pengalaman menulis profesional. Dia menikmati banyak teh, permainan papan dan bola sepak.

Lagi Dari Gavin Phillips

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan