PWA di iOS 15: Peningkatan? [iOS 15.4 diperbarui]

Diterbitkan: 2021-12-13

Daftar Isi

Apple mengklaim bahwa iOS 15 menyediakan cara yang lebih baik untuk tetap terhubung, fokus, menjelajah dengan daftar fitur baru yang signifikan. Namun, adakah yang bisa membuat hidup seorang developer PWA lebih mudah? Kami akan mengeksplorasi semua perubahan terbesar, kekecewaan, bersama dengan beberapa berita menarik di artikel ini.

Semua Peningkatan untuk PWA

[iOS 15.4] Pramuat navigasi untuk Service Worker

iOS 15.4 meluncurkan beberapa peningkatan baru untuk Service Worker termasuk pramuat navigasi dan lebih banyak dukungan untuk file yang dihasilkan Service Worker.

Dalam beberapa kasus, booting service worker dapat meningkatkan waktu respons jaringan. Pramuat navigasi meminta permintaan jaringan selama waktu boot pekerja layanan, yang akan membantu kinerja PWA.

[iOS 15.4] Manifes Aplikasi Web yang Ditingkatkan: Ikon & lainnya

Kabar baik! Setelah menunggu lama, pengembang PWA akhirnya dapat mengimplementasikan aplikasi web di iOS 15.4 dengan ikon yang sesuai. Jika tidak ada ikon sentuh apel yang ditentukan dalam file Aplikasi Web, ikon Manifes Aplikasi Web akan disetel secara default.

Namun, dukungan tersebut masih belum sempurna. Masih ada beberapa bug minor yang mempengaruhi pengalaman baik bagi pengguna maupun pengembang seperti:

  • Bentuk dan format ikon terbatas pada PNG persegi saja.
  • Ikon secara otomatis diubah ukurannya jika tidak cocok dengan ukuran iOS yang telah ditentukan sebelumnya (Ipad – 152 x 152 & 167 x 167, iPhone – 120 × 120 & 180 x180)
  • Ikon tidak muncul saat Anda membuka lembar berbagi, tetapi akhirnya muncul saat Anda memilih untuk Tambahkan ke Layar Beranda.
  • Ikon transparan akan memiliki latar belakang hitam atau putih.

Selain itu, di versi sebelumnya, Manifes Aplikasi Web hanya diambil ketika pengguna memilih untuk " Tambahkan ke Layar Beranda ". Untuk iOS 15.4, file sekarang diurai dan dimuat saat halaman sudah dimuat. Hasilnya, Anda dapat menerapkan warna tema tepat pada pemuatan halaman, yang membuat PWA lebih dapat dipercaya.

[iOS15.4] Pemberitahuan Push Web

Saat menulis artikel untuk PWA iOS 15 tahun lalu, kami membagikan beberapa bukti tentang bagaimana pemberitahuan push web mungkin datang dan coba tebak, itu akhirnya terjadi.

Sama seperti Ikon Manifes Aplikasi Web, masih ada beberapa ketidaknyamanan terkait dengan web push. Misalnya, ini dinonaktifkan secara default, jadi orang harus mengetahuinya terlebih dahulu untuk menggunakannya. Juga, beberapa pengembang PWA merasa tidak mungkin menggunakan Web Push API untuk meminta izin pemberitahuan meskipun ada opsi untuk itu.

Namun, itu berita yang patut dirayakan. Apa yang lebih baik? Web Kit telah mengumumkan dukungan untuk Web Push di Safari 16 di macOS Ventura. Menurut godaan mereka, Web Push mungkin tersedia di iOS dan iPadOS pada tahun 2023.

Warna tema didukung

Sementara status dukungan untuk manifes aplikasi web masih "Dukungan Sebagian", Safari 15 kini telah secara resmi mengaktifkan warna tema di tag meta HTML dan Manifes Web . Jadi sekarang Anda dapat membuat perubahan warna di bilah status dan area gulir , yang juga dapat diterapkan untuk Bilah Tab dan warna latar belakang gulir di tata letak Tab Compact Safari 15 di Ipad OS 15, Big Sur dan MacOS Monterey .

Selain itu, dengan menggunakan atribut media, Anda juga dapat mengaktifkan mode gelap/terang untuk Aplikasi Web Progresif Anda di Safari 15.

 <meta name="theme-color" content="#ecd96f" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0b3e05" media="(prefers-color-scheme: dark)">

Enhanced WebGL (Web Graphic Library) dan Web-Share API

iOS 15 menyaksikan peningkatan dari WebGL 1 ke WebGL2. WebGL 2 terbukti menjadi peningkatan signifikan yang jauh lebih cepat, menawarkan lebih banyak tekstur daripada WebGL serta banyak manfaat lainnya.

Selain itu, Safari 15 menyertakan dukungan untuk Web Share level 2, yang membuka jalan bagi pengembang untuk bertukar file secara efektif dari browser ke aplikasi dengan dialog berbagi asli. Saat ini, mendukung gambar, video, audio, file teks dan banyak lagi.

Perubahan ini, misalnya, memungkinkan pengguna untuk langsung berbagi gambar dari halaman PWA ke aplikasi Twitter mereka tanpa langkah ekstra untuk menyimpan foto ke perpustakaan dan mengunggah ulang.

API Sesi Media yang Lebih Baik

API Sesi Media

Media Session API memberikan lebih banyak data dan kontrol pemutaran, sehingga membawa pengalaman media ke tingkat yang lebih tinggi. Dari iOS 15, pengguna dapat mengakses kartu NOW PLAY dari Control Central , Lock Screen serta bilah menu MacOS Monterey dan mengontrol beberapa opsi pemutaran sederhana. Selain itu, Media Session baru menghadirkan pengalaman SharePlay , yang memungkinkan menonton film, mendengarkan musik dengan teman-teman Anda melalui Facetime. Ini bisa menjadi kabar baik untuk aplikasi podcast berbasis web.

Dukungan audio WebM untuk Safari, dukungan WebM/VP9 untuk Ipad

WebM adalah teknologi streaming video web sumber terbuka bebas royalti. Setelah pertama kali memperkenalkan Gambar WebM di iOS 14, Apple kini mendukung wadah WebM codec audio Opus di Safari 15. Selain itu, pengguna kini dapat melakukan streaming video WebM/VP9 di IpadOS15.

Pembaruan ini menjanjikan dukungan penuh untuk WebM dalam waktu dekat dan kami dapat mengharapkan video WebM segera tersedia di Safari seluler. Akibatnya, pemilik PWA akan memiliki lebih banyak pilihan untuk menampilkan media video mereka untuk memberikan pengalaman pengguna yang lebih baik.

Dukungan untuk modul ES6 di Service Worker

ES6 menandai modul JavaScript bawaan pertama, menyediakan struktur solid yang mudah digunakan, dipelihara, ditingkatkan, dan merangkum perilaku. Dengan Modul ES6 baru yang hadir di Service Worker, kini pengembang dapat meningkatkan kinerja dan mengaktifkan akses offline untuk PWA iOS dengan cara yang lebih terorganisir. Hasilnya, mudah untuk meningkatkan skala dengan cepat, meningkatkan fungsionalitas PWA untuk memenuhi permintaan pasar saat dibutuhkan.

Multi-tasking yang lebih sederhana untuk iPad

iOS 15 telah membuat beberapa peningkatan untuk pengalaman multitasking yang lebih intuitif di iPad sambil tetap mempertahankan apa yang telah berfungsi sebelumnya. Misalnya, ada tab tiga titik kecil baru yang mewakili menu multi-tugas di bagian atas tampilan yang akan membuat aplikasi menjadi layar penuh, layar terbagi, atau geser. Selain itu, jendela tengah melayang diperkenalkan di SplitScreen, di mana Anda dapat membuka jendela di bagian atas aplikasi layar terbagi, lalu mengirimkannya ke Slider Over, Split View, atau Layar Penuh.

iPAD OS15 multi-tugas
(Foto: AppleInsider.com)

Selain itu, pintasan keyboard baru dan antarmuka pengguna multitasking baru yang menampilkan semua aplikasi (termasuk yang ada di Slide Over) patut disebutkan dengan cepat.

Sejauh ini dari ulasan, tampaknya peningkatan baru pada multitasking Ipad untuk Web dan PWA telah menerima umpan balik positif menjadi jauh lebih ramah pengguna daripada iOS 14.

Klip Aplikasi Baru – Pembaruan nyata lainnya

Kami telah menyebutkan Klip Aplikasi di PWA iOS 14 Wrapping Up kami sebagai sesuatu yang diharapkan untuk PWA yang dapat diinstal seperti Android. Jadi bagaimana sekarang?

Klip Aplikasi sekarang dapat diintegrasikan dengan situs web, sebagai hasilnya, ditampilkan di Safari. Kartu tersebut memungkinkan pengguna untuk menyelesaikan tugas awal mereka seperti memesan makanan, menyewa sepeda, lalu meminta mereka untuk menginstal aplikasi asli di App Store. Perubahan baru memotong beberapa langkah tambahan iOS 14 untuk menemukan klip aplikasi di dalam halaman web dan aplikasi pihak ketiga.

klip aplikasi iOS 15
(Foto: 9to5mac.com)

Sayangnya, spanduk pemasangan PWA masih belum terlihat. Akankah Apple membuat klip aplikasi ramah PWA? Atau apakah mereka mencoba membuat versi PWA mereka sendiri? Atau mungkin klip aplikasi dan PWA tidak berhubungan sama sekali? Jawabannya masih di masa depan.

Tidak ada batasan utama yang dibahas

Rilis iOS 15 yang baru pasti membawa beberapa kekecewaan pada perkembangan PWA karena ternyata, apa yang kami cari masih di luar meja. Masih cukup banyak kerja keras untuk mengimplementasikan PWA di iOS 15 tanpa ketersediaan fitur-fitur ini:

  • Sinkronisasi Latar Belakang
  • Dorong Web
  • Sebelum Menginstal Prompt dan Banner Instalasi
  • Audio latar belakang untuk PWA

Selain itu, tidak ada perbaikan untuk beberapa poin buruk yang kami sebutkan di artikel iOS 14.

  • Tidak ada ikon PWA di Perpustakaan Aplikasi
  • Tidak banyak perubahan pada Dukungan Manifes Aplikasi Web (selain Warna Tema)
  • Status Bar masih black dan black-translucent saja.
  • Pembatasan fitur besar pada browser web lain

Membawa pergi

Di sana Anda memiliki semua yang dimiliki iOS15 untuk PWA. Meskipun sebagian besar perubahan pada versi 15 kecil, iOS 15.4 dengan Web Push dan lebih banyak dukungan Web App Manifest membuka masa depan yang lebih cerah untuk PWA di iOS. Dengan iOS 16 beta dirilis pada September 2022, mari berharap ada beberapa perubahan signifikan yang akan datang.