Web Apps Progresif - Masa Depan Web Moden?

Hari-hari ini Progresif Apps (PWA) adalah ceramah bandar, terutamanya kerana kebolehgunaan yang luar biasa dan pengalaman pengguna yang unik. Dengan ciri gabungan laman web dan aplikasi asli, PWA menjadi norma untuk aplikasi web berbilang peranti membolehkan pemaju untuk membina apl dinamik memuat cepat tanpa menggunakan kerangka hibrid.

Saya percaya Aplikasi Web Progresif adalah masa depan laman web - dan dalam menulis berikut saya akan membincangkan manfaatnya dan menggunakan kes untuk memberikan gambaran keseluruhan anda. Mari kita dapatkannya.

Apakah Aplikasi Web Progresif??

Istilah ini “Aplikasi Web Progresif” pertama kali dicipta oleh Alex Rusell (pemaju Google Chrome) dan Frances Berriman (pereka). Alex berkongsi ideanya mengenai Progresif Web Apps itu “Aplikasi ini tidak dibungkus dan dikerahkan melalui kedai, mereka hanya laman web yang mengambil semua vitamin yang betul“.

“Tapak yang ingin menghantar pemberitahuan kepada anda atau berada di skrin utama anda harus memperoleh hak itu dari masa ke masa semasa anda menggunakannya lebih banyak lagi. Mereka semakin meningkat “aplikasi”“, menulis Alex mengenai kesesuaian PWA. Akhirnya, dia membuat kesimpulan, “aplikasi ini boleh menghantar walaupun pengalaman pengguna yang lebih baik daripada aplikasi web tradisional“.

Apl Web vs Aplikasi Web Progresif

Aplikasi web, atau aplikasi web tradisional, adalah aplikasi sisi klien itu berjalan terus dalam pelayar web. Walaupun mereka lebih baik daripada laman web namun mereka mempunyai masalah mereka. Sekiranya anda tidak mengetahui perbezaan antara aplikasi dan laman web, aplikasi web berbeza dari laman web kerana apl web kelihatan dan terasa seperti aplikasi asli.

Bahawa dikatakan, Aplikasi Web Progresif adalah aplikasi web generasi seterusnya yang berfungsi lebih seperti aplikasi asli dengan menggunakan tambahan asli peranti. Contohnya, Aplikasi Web Progresif boleh menggunakan ciri asli seperti kamera, suar, dan lain-lain bersama-sama dengan ciri seperti cache di luar talian, pemberitahuan tolak, dan sebagainya.

Kenapa kita memerlukan Aplikasi Web Progresif?

Kami mempunyai aplikasi asli, dalam satu tangan, yang tidak boleh dipercaya cepat dan boleh dipercayai walaupun dalam keadaan terburuk seperti lambat atau tiada sambungan. Tetapi, kita mempunyai laman web dan aplikasi web, sebaliknya, yang lambat dan tidak berfungsi dengan baik tanpa syarat rangkaian. Itulah sebabnya kebanyakan orang suka aplikasi asli.

Laman Bergerak Dipercepat (AMP), projek yang digalakkan oleh Google, dimulakan pada tahun 2016 hingga menyelesaikan masalah sambungan yang perlahan, terutamanya pada telefon pintar, dan memberikan pengalaman pengguna yang lebih baik kepada pengguna mudah alih. Walau bagaimanapun, AMP tidak menyelesaikan masalah tanpa masalah rangkaian. Juga, ia tidak mempercepatkan masa loading seperti aplikasi asli, dan sekali lagi, ia mempunyai beberapa batasan untuk mencapai kelajuan ini.

Itulah sebabnya kita memerlukan Aplikasi Web Progresif. PWAs menyediakan pengalaman pengguna yang terbaik dalam rangkaian lambat atau tidak keadaan. Sebagai contoh, PWA boleh menunjukkan skrin kemajuan apabila memuatkan kandungan atau skrin percikan apabila tiada sambungan web masing-masing.

Mengapa Aplikasi Web Progresif masuk akal?

Seperti yang dinyatakan oleh Laporan App Mobile Auction 2017, pengguna aplikasi menghabiskan hampir 77 peratus masa mereka di tiga aplikasi teratas mereka, manakala sebahagian daripada aplikasi tetap terbiar tetapi masih menghalang sumber sistem termasuk memori. Selain itu, ia juga berkongsi perkara itu 50 peratus pengguna memuat turun aplikasi sifar sebulan. Fakta ini mencadangkan pengguna teragak-agak untuk memasang aplikasi baru, dan oleh itu PWA mempunyai kelebihan.

Saya mendapati kebanyakan orang pergi ke laman web di desktop tetapi memilih aplikasi pada peranti mudah alih (aplikasi asli tentu saja). Sebabnya, komputer menawarkan lebih banyak sumber rangkaian berbanding telefon pintar, dan aplikasi menggunakan sumber yang lebih sedikit daripada laman web rakan sebaya mereka. Juga, mereka cepat dan boleh dipercayai.

Selain itu, aplikasi asli lebih mahal daripada laman web - sebanyak lima hingga sepuluh kali atau lebih bergantung pada jenis projek. Selain itu, kos mereka boleh berlipat ganda jika terdapat keperluan untuk membangunkan aplikasi asli untuk pelbagai platform (katakan Android dan iOS) dengan asas kod yang berbeza. Bagaimanapun, PWA boleh membantu meminimumkan kos pembangunan yang tinggi, terima kasih kepada sokongannya untuk pelbagai platform.

Ciri-ciri Aplikasi Web Progresif

Aplikasi Web Progresif mempunyai banyak ciri langsung yang menjadikannya berbeza daripada rakan-rakan mereka yang lebih mudah, iaitu, aplikasi web (atau lebih mudah - laman web):

Responsif. Bekerja pada semua peranti dari sebarang saiz skrin.
Pertama sekali. Muatkan secara perlahan atau tiada rangkaian juga.
Rasa seperti aplikasinya. Lihat dan berinteraksi seperti apl asli.
Terkini. Kemas kini sendiri, hampir dengan telus.
Selamat & selamat. Gunakan HTTPS untuk memuatkan sumber halaman.
Boleh ditemui. Berguna kandungan ke enjin carian.
Terlibat semula. Terlibat semula, katakan dengan menggunakan pemberitahuan.
Boleh dipasang. Boleh diletakkan di skrin utama anda.
Boleh disambungkan. Muatkan halaman seperti aplikasi, tetapi dengan URL.

Apa yang saya dapati menarik ialah, Aplikasi Web Progresif tidak hanya melihat dan merasa seperti aplikasi asli tetapi juga mempunyai akses kepada ciri asal peranti. Ini bermakna PWA boleh mengambil gambar anda menggunakan kamera peranti anda. Walau bagaimanapun, saya mesti berkongsi bahawa ia tidak mendapat akses kepada ciri terhad seperti lokasi, telefon, atau SMS.

Catatan: Anda boleh membaca lebih lanjut mengenai ciri-ciri dan butir-butir lain dalam siaran ini.

Mewujudkan Aplikasi Web Progresif?

Google menyediakan a “Senarai Semak Aplikasi Web Progresif” - senarai terperinci untuk membantu pemula mencipta Aplikasi Web Progresif. Senarai tiada panduan ini berkongsi ciri-ciri yang diperlukan untuk mewujudkan PWA - a “PWA asas” dan a “PWA teladan”; bekas senarai perkara-perkara penting untuk aplikasi asas dan yang terakhir untuk aplikasi lanjutan.

Selain itu, terdapat pelbagai alat untuk membantu anda dalam membina PWA. Contohnya, Lighthouse adalah percuma, sumber terbuka alat untuk meningkatkan laman web termasuk pemeriksaan kualiti untuk kemudahan akses, prestasi, dan ciri-ciri PWA. Alat khas yang lain adalah Workbox, yang membantu membina aplikasi dengan pengalaman luar talian yang pertama.

Adakah Aplikasi Web Progresif masa depan?

Walaupun Aplikasi Web Progresif tidak dapat menyelesaikan semua masalah aplikasi kami atau menggantikan aplikasi asli dalam masa terdekat, tetapi saya percaya ia akan memainkan peranan penting, terima kasih kepada faedahnya yang jauh lebih daripada keterbatasannya. Dan dengan hampir setiap platform besar mula menyokong PWA, tidak lama lagi kita akan melihat mereka di mana-mana.

Apple memperkenalkan ciri-ciri PWA (API Web) di Safari 11.1 termasuk API Beacon, Pekerja Perkhidmatan, Manifes Aplikasi Web, dan lain-lain; dengan itu membawa PWA ke iOS tidak lama lagi jika tidak. Google telah pun menyokong PWA dalam Chrome untuk Android, dan ia juga merancang untuk membawanya ke platform desktop. Microsoft juga menambah sokongan untuk PWA di Microsoft Edge dan akan menyenaraikannya di Microsoft Store juga.

Apa pendapat kamu - adalah Aplikasi Web Progresif masa depan? Beritahu saya terus di @aksinghnet atau tulis ulasan melalui bahagian komen di bawah untuk meninggalkan respons anda.