iOS 15'teki PWA'lar: İyileştirmeler? [iOS 15.4 güncellendi]

Apple, iOS 15'in önemli yeni özellikler listesiyle bağlantıda kalmanın, odaklanmanın ve keşfetmenin daha iyi bir yolunu sağladığını iddia ediyor. Ancak, bir PWA geliştiricisinin hayatını kolaylaştırabilecek herhangi bir şey var mı? Bu makalede bazı ilginç haberlerle birlikte en büyük değişiklikleri, hayal kırıklıklarını keşfedeceğiz.

PWA için Tüm İyileştirmeler

[iOS 15.4] Service Worker için gezinme önyüklemesi

iOS 15.4, Navigasyon önyüklemesi ve Service Worker tarafından oluşturulan dosyalar için daha fazla destek dahil olmak üzere Service Worker'lar için bazı yeni iyileştirmeler sunar.

Bazı durumlarda, hizmet çalışanının yeniden başlatılması ağın yanıt süresini artırabilir. Gezinme ön yüklemesi, hizmet çalışanının önyükleme süresi sırasında PWA performansına yardımcı olması gereken ağ isteklerini ister.

[iOS 15.4] İyileştirilmiş Web Uygulaması Bildirimi: Simgeler ve daha fazlası

İyi haberler! PWA geliştiricileri, ömür boyu süren bir bekleyişin ardından nihayet web uygulamasını uygun bir simgeyle iOS 15.4'e uygulayabiliyor. Web Uygulaması dosyasında tanımlanmış bir elma dokunuşu simgesi yoksa, Web Uygulaması Bildirimi simgesi varsayılan olarak ayarlanacaktır.

Ancak, destek henüz mükemmel değil. Hâlâ hem kullanıcılar hem de geliştiriciler için deneyimi etkileyen bazı küçük hatalar var:

• Simgelerin şekli ve formatı yalnızca kare PNG ile sınırlıdır.
• Simgeler, iOS'un önceden tanımlanmış boyutlarıyla eşleşmezlerse otomatik olarak yeniden boyutlandırılır (Ipad'ler – 152 x 152 ve 167 x 167, iPhone'lar – 120×120 ve 180 x180)
• Simgeler, paylaşım sayfasını açtığınızda görünmez, ancak Ana Ekrana Ekle'yi seçtiğinizde sonunda görünürler.
• Saydam simgelerin arka planı siyah veya beyaz olacaktır.

Ayrıca, önceki sürümlerde, Web Uygulaması Bildirimi yalnızca kullanıcılar “ Ana Ekrana Ekle”yi seçtiklerinde getirilir. iOS 15.4 için, dosya artık ayrıştırılır ve sayfa yüklendiğinde yüklenir. Sonuç olarak, tema rengini doğrudan sayfa yüklemesine uygulayabilirsiniz, bu da PWA'ları daha güvenilir hale getirir.

[iOS15.4] Web Push Bildirimleri

Geçen yıl PWA iOS 15 için bir makale yazarken, web push bildirimlerinin nasıl gelebileceğine dair bazı kanıtlar paylaşıyoruz ve ne olduğunu tahmin edin, sonunda oluyor.

Web App Manifest Simgeleri gibi, web push ile ilgili hala bazı rahatsızlıklar var. Örneğin, varsayılan olarak devre dışıdır, bu nedenle insanların kullanmak için önce bunu bilmesi gerekir. Ayrıca, bazı PWA geliştiricileri, seçenekler olmasına rağmen, bildirim izinleri istemek için Web Push API'sini kullanmayı imkansız buluyor.

Ancak, kutlamaya değer bir haber. Daha iyi ne var? Web Kit, macOS Ventura'da Safari 16'da Web Push desteğini duyurdu. Alaylarına göre, Web Push, 2023'te iOS ve iPadOS'ta kullanılabilir.

Tema rengi desteklenir

Web uygulaması bildiriminin destek durumu hala "Kısmen Destek" iken, Safari 15 artık HTML meta etiketlerinde ve Web Manifest'te tema rengini resmi olarak etkinleştirmiştir. Böylece, Ipad OS 15, Big Sur ve MacOS Monterey'de Safari 15 Kompakt Sekme düzeninde Sekme Çubuğu ve aşırı kaydırma arka plan renkleri için de uygulanabilen durum çubuğunda ve kaydırma alanında renklerde değişiklikler yapabilirsiniz.

Ayrıca, medya özniteliğini kullanarak Safari 15'te Aşamalı Web Uygulamanız için karanlık/aydınlık modunu da etkinleştirebilirsiniz.

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

Gelişmiş WebGL (Web Grafiği Kitaplığı) ve Web Paylaşımı API'si

iOS 15, WebGL 1'den WebGL2'ye yükseltmeye tanık oluyor. WebGL 2'nin çok daha hızlı, WebGL'den çok daha fazla doku ve diğer birçok fayda sunan önemli bir geliştirme olduğu kanıtlanmıştır.

Ayrıca Safari 15, geliştiricilerin yerel paylaşım diyaloğuyla tarayıcıdan uygulamalara etkili bir şekilde dosya alışverişi yapmasının yolunu açan Web Paylaşımı seviye 2 desteği içerir. Şu anda resim, video, ses, metin dosyası ve daha fazlasını desteklemektedir.

Bu değişiklik, örneğin, kullanıcıların, fotoğrafları kitaplığa kaydetme ve yeniden yükleme gibi ek adımlara gerek kalmadan, PWA sayfalarındaki görüntüleri Twitter uygulamalarıyla doğrudan paylaşmalarına olanak tanır.

Daha İyi Medya Oturumu API'si

Media Session API, daha fazla veri ve oynatma kontrolü sağlar, böylece medya deneyimini daha üst bir seviyeye taşır. iOS 15'ten itibaren kullanıcılar, Control Central , Kilit Ekranı ve MacOS Monterey'in menü çubuğundan NOW PLAY kartına erişebilir ve bazı basit oynatma seçeneklerini kontrol edebilir. Ayrıca, yeni Medya Oturumu, Facetime aracılığıyla arkadaşlarınızla film izlemeyi, müzik dinlemeyi sağlayan SharePlay deneyimini getiriyor. Bu, web tabanlı podcast uygulamaları için iyi bir haber olabilir.

Safari için WebM ses desteği, Ipad için WebM/VP9 desteği

WebM, açık kaynaklı, telifsiz bir web video akış teknolojisidir. WebM Image'i iOS 14'te ilk kez tanıttıktan sonra, Apple artık Safari 15'te Opus audio codec WebM kapsayıcılarını destekliyor. Ayrıca, kullanıcılar artık IpadOS15'te WebM/VP9 videolarını yayınlayabilir.

Bu güncelleme, yakın gelecekte WebM için tam destek sözü veriyor ve WebM videosunun yakında mobil Safari'de kullanılabilir olmasını bekleyebiliriz. Sonuç olarak, PWA sahipleri daha iyi kullanıcı deneyimleri sunmak için video ortamlarını görüntülemek için daha fazla seçeneğe sahip olacak.

Service Worker'da ES6 modülü desteği

ES6, JavaScript'in ilk yerleşik modülünü işaret eder ve üzerinde çalışılması, bakımının yapılması, büyütülmesi ve davranışların kapsanması kolay olan sağlam bir yapı sağlar. Service Worker'a gelen yeni ES6 Modülü ile artık geliştiriciler performansı artırabilir ve iOS PWA için çevrimdışı erişimi daha düzenli bir şekilde etkinleştirebilir. Sonuç olarak, gerektiğinde pazar taleplerini karşılamak için hızla ölçeklendirmek, PWA işlevlerini artırmak kolaydır.

iPad için daha basit çoklu görev

iOS 15, daha önce işe yaramış olanı korurken, iPad'de daha sezgisel bir çoklu görev deneyimi için bazı iyileştirmeler yaptı. Örneğin, ekranın üst kısmında uygulamayı tam ekran, bölünmüş ekran veya kaydırma yapacak çoklu görev menüsünü temsil eden yeni bir üç küçük nokta sekmesi var. Ayrıca, SplitScreen'de, bölünmüş ekran uygulamalarınızın üstünde bir pencere açıp ardından Slider Over, Bölünmüş Görünüm veya Tam Ekran'a gönderebileceğiniz, ortalanmış bir ortalanmış pencere tanıtıldı.

Ayrıca, tüm uygulamaları (Slide Over'dakiler dahil) görüntüleyen yeni bir klavye kısayolu ve yeni bir çoklu görev kullanıcı arabirimi, kısaca bahsetmeye değer.

İncelemelerden şimdiye kadar, Web ve PWA için Ipad çoklu görevindeki yeni yükseltme, iOS 14'lerden çok daha kullanıcı dostu olduğu için olumlu geri bildirimler aldı.

Yeni Uygulama Klibi – Dikkat çeken bir başka güncelleme

Android benzeri yüklenebilir PWA'lar için beklenebilecek bir şey olarak PWA iOS 14 Wrapping Up'ımızdaki Uygulama Klipsinden bahsettik. Peki şimdi nasıl?

App Clip artık web sitelerine entegre edilebiliyor ve sonuç olarak Safari'de görüntüleniyor. Kart, kullanıcıların yemek siparişi verme, bisiklet kiralama gibi ilk görevlerini tamamlamalarına ve ardından App Store'a yerel uygulamalar yüklemelerini istemelerine olanak tanıyor. Yeni değişiklik, web sayfasındaki ve üçüncü taraf uygulamalardaki uygulama kliplerini keşfetmek için iOS 14'ün bazı ek adımlarını kesiyor.

Ne yazık ki, hala PWA kurulum afişleri görünmüyor. Apple, uygulama kliplerini PWA dostu yapacak mı? Yoksa kendilerine ait bir PWA versiyonu mu oluşturmaya çalışıyorlar? Ya da belki uygulama klipleri ve PWA'lar hiç ilgili değil mi? Cevap hala gelecekte.

Hiçbir önemli sınırlamaya değinilmemiştir

Yeni iOS 15 sürümleri kesinlikle PWA gelişmelerine bazı hayal kırıklıkları getiriyor, çünkü aradığımız şey hala masanın dışında. Bu özellikler olmadan iOS 15'te PWA'yı uygulamak oldukça zor bir iştir:

• Arka Plan Senkronizasyonu
• Web İtme
• Kurulum İstemi ve Kurulum Afişi Öncesi
• PWA'lar için arka plan sesi

Üstelik iOS 14 yazısında bahsettiğimiz bazı kötü noktaların da düzeltilmesi söz konusu değil.

• Uygulama Kitaplığında PWA simgesi yok
• Web Uygulaması Manifest Desteğinde pek fazla değişiklik yok (Tema Renklerinin yanı sıra)
• Durum Çubuğu hala black ve yalnızca black-translucent .
• Diğer web tarayıcılarında büyük özellik kısıtlaması

Götürmek

Burada iOS15'in PWA için sahip olduğu her şeye sahipsiniz. 15 sürümündeki çoğu değişiklik küçük olsa da, Web Push özellikli iOS 15.4 ve daha fazla Web App Manifest desteği, iOS'ta PWA için daha parlak bir geleceğin kapılarını açıyor. Eylül 2022'de yayınlanan iOS 16 beta ile birlikte daha önemli değişikliklerin geleceğini umalım.