E-ticaret sözlüğüAltyapı ve teknoloji

PWA nedir?

Progressive Web App · ilerici web uygulaması

PWA, web teknolojileriyle geliştirilen ve destekleyen cihazlarda kurulup uygulama benzeri deneyim sunabilen ilerici web uygulamasıdır. Kurguda 20 kurulum denemesinin 15’i başarılıysa oran %75’tir.

Son kontrol: 27 Ekim 20264 resmî kaynakGündem Masası

Tanım

PWA, web teknolojileriyle geliştirilen ve destekleyen cihazlarda kurulup uygulama benzeri deneyim sunabilen ilerici web uygulamasıdır.

Bir bakışta

YapıWeb teknolojileriyle uygulama benzeri deneyim

Kurgu ilk tur20 denemede 15 başarılı: %75

Kurgu ikinci tur20 denemede 18 başarılı: %90

KontrolKurulum, çevrimdışı içerik ve sipariş sonucu

PWA internet mağazasında neyi değiştirir?

PWA, Progressive Web App ifadesinin kısaltmasıdır; Türkçede ilerici web uygulaması olarak açıklanır. Web üzerinden erişilen bir uygulamanın desteklenen cihazda simgeyle açılması ve ayrı pencere deneyimi sunması mümkün olabilir. MDN, PWA’nın web teknolojileriyle geliştirildiğini ve çalışmak için tarayıcı motorunu kullandığını açıklar. Bu nedenle görünüşünün uygulamaya benzemesi, işletim sistemine özel geliştirilmiş bir mobil uygulamayla teknik olarak aynı olduğu sonucunu vermez. Türkiye’de satış yapan mağaza için değerlendirme, müşterinin tekrar erişimini ve alışveriş akışını nasıl yürüttüğü üzerinden yapılmalıdır. Yalnız bir simge görülmesini bütün mağaza işlevlerinin doğrulandığı kontrol olarak kullanmayın.

Bir PWA’ya web adresinden de ulaşılabilir. Kullanıcının cihazına kurulum yapması, her koşulda mağazaya girebilmesinin ön şartı değildir. Desteklenmeyen bir özellikte normal web deneyiminin nasıl devam ettiğini kontrol edin. Mağazanız SaaS altyapısında veya açık kaynak e-ticaret yazılımında çalışabilir; PWA kapsamı uygulama ve hizmet düzenine göre belirlenir. Paket adında bu ifadenin bulunması aynı kurulum, bildirim veya çevrimdışı işlev listesini garanti etmez. Hizmet tanımında hangi ekranların ve cihazların kapsandığını yazın. Beklediğiniz özelliği, satıcı panelindeki ticari paket adı yerine gerçek kullanıcı akışıyla karşılaştırın.

Kurulum için hangi parçalar bulunur?

MDN’nin kurulum rehberinde web uygulaması manifesti, tarayıcıya uygulamanın adını, simgesini ve davranışını anlatan dosya olarak açıklanır. Destekleyen tarayıcıların kurulum sunma koşulları değişebilir. Yayındaki uygulama için HTTPS kullanımı kurulum koşulları arasında yer alır; yerel geliştirme ortamı istisnaları canlı mağazanın açık HTTP ile yayınlanmasına örnek yapılmamalıdır. SSL sertifikası ile ilgili bağlantı düzenini ve uygulamanın gerçek adresini teknik sorumlu kontrol etmelidir. Kurulum dosyasının bulunmasıyla beklenen ad ve simgenin doğru görünmesini ayrı inceleyin. Mağaza adının yanlış veya eski göründüğü bir kurulumu yalnız açıldığı için tamamlanmış saymayın.

Google’ın web.dev kurulum açıklaması, işletim sistemi ve tarayıcıya göre kurulum deneyiminin değiştiğini belirtir. Kullanıcılara bütün cihazlarda aynı düğmeyi gösterecekmiş gibi talimat vermeyin. Deneme listesini cihaz, işletim sistemi, tarayıcı ve sürüm bilgisiyle tutun. MDN ayrıca bir PWA’nın kurulması için service worker bulunmasının tek başına zorunlu olmadığını açıklar; bu bileşen çoğunlukla çevrimdışı deneyim için kullanılır. Dolayısıyla kurulabilirlik ile çevrimdışı davranışı aynı test satırında birleştirmeyin. Headless commerce ise ön yüzle ticaret arka yüzünün ayrılmasıyla ilgilidir; PWA adı tek başına bu mimarinin kurulduğunu göstermez. Hangi sorunu çözdüğünüzü belirledikten sonra teknik kapsamı seçin.

Bağlantı kesilince ürün ve sipariş ne olur?

MDN’nin çevrimdışı çalışma rehberi, service worker ile önceden saklanan kaynakların kullanılabildiğini açıklar. Kopyayı önceleyen stratejide hızlı yanıt alınabilse de eski yanıt dönme olasılığı bulunur. Ağ öncelikli bir stratejide ise önce sunucudan veri alınmaya çalışılır ve bağlantı yoksa kopyaya dönülebilir. Uygulamanızın hangi içerik için hangi yolu kullandığını teknik sorumluya sorun. Eski ürün görselini göstermekle güncel stok bilgisini doğrulamak farklı ihtiyaçlardır. Çevrimdışıyken bir ürün kartının açılması, o anda ürünün satılabilir stokunun bulunduğunu kanıtlamaz. Müşterinin gördüğü bağlantı ve işlem durumu açık anlatılmalıdır.

Sipariş düğmesine basılması, sunucuda sipariş kaydının oluşması ve ödeme sonucunun alınması ayrı aşamalardır. Çevrimdışı işlem saklanıyorsa kullanıcıya hangi aşamanın beklediğini gösterin. Bağlantı geri geldiğinde tekrar gönderimin mükerrer işlem oluşturmamasını deneme kapsamına alın. Arka planda çalışma tarayıcının sağladığı yetenek ve sınırlara bağlıdır; bütün işlemlerin uygulama kapalıyken kesin tamamlanacağını söylemeyin. CDN üzerindeki kopyalarla cihazdaki çevrimdışı kaynaklar da ayrı katmanlardır. Güncelleme sonrası eski uygulama sürümünün, ürün fiyatının ve sepetin nasıl ele alındığını kontrol edin. Müşteri hesabından çıkıldığında kişiye özel bilgilerin başka kullanıcıya görünmemesi de bu kontrolün parçasıdır.

Özgün örnek: kurulum denemesi ve satış sonucu

Tamamı kurgusal bir kontrol çalışmasında 20 cihaz ve tarayıcı birleşiminde kurulum denendiğini varsayalım. İlk turda 15 deneme beklenen kurulum ve açılış sonucunu versin, 5 denemede sorun kaydedilsin. Bu grubun başarılı deneme oranı 15 / 20 × 100 = %75, sorun payı 5 / 20 × 100 = %25 olur. Denemeler farklı cihaz ve sürümleri temsil eden teknik kayıtlardır; müşteri veya sipariş sayısı değildir. %75 sonucunu Türkiye’deki bütün cihazların destek oranı diye yayımlamayın. Deneme listesinin nasıl oluşturulduğunu ve hangi akışın başarı kabul edildiğini kendi kayıtlarınızda belirtin.

Sorunlu denemelerin 3 tanesi düzeltilip yeniden kontrol edildiğinde başarılı sonuç sayısı 18 olur. Yeni oran 18 / 20 × 100 = %90, kalan sorun payı 2 / 20 × 100 = %10’dur. İlk tura göre artış 15 yüzde puandır. Bu hesap PWA’nın satışları %15 artırdığı veya bütün işlemlerin çevrimdışı çalıştığı sonucunu içermez. Kurulum, ürün gösterimi, sepet ve sipariş onayı için ayrı sonuçlar kaydedin. Başarılı kurulumu takip eden denemede bağlantı kesilirse hangi mesajın gösterildiğini de inceleyin. Müşteriye kurulum anlatımı sunmadan önce desteklenen akışı doğrulayın ve çözülemeyen birleşimleri bilinen sınırlar listesinde tutun.

05 · Örnek

Örnek: Yirmi kurgusal kurulum denemesinin karşılaştırılması

Kurguda 20 denemenin 15’i başarılı, 5’i sorunludur. Sorunların 3’ü düzeltilip yeniden kontrol edilir.

15 / 20 × 100 = %75 ilk başarı oranını bulun.
15 + 3 = 18 başarılı denemeyi hesaplayın.
18 / 20 × 100 = %90 yeni oranı bulun.
2 / 20 × 100 = %10 kalan sorun payını kaydedin.

Sonuç

Kurguda başarılı deneme oranı 15 yüzde puan artar; bu hesap satış artışı veya genel cihaz desteği değildir.

06 · Fark

PWA ile karıştırılan kavramlar

PWA ≠ İşletim sistemine özel mobil uygulama

Platforma özel araçlarla geliştirilir; PWA web teknolojileri ve tarayıcı motoruyla çalışır.

PWA ≠ Headless commerce

Ön yüz ve ticaret arka yüzünün ayrılmasıdır; PWA kurulabilir web deneyimini anlatır.

PWA ≠ Çevrimdışı ürün gösterimi

Saklanmış içeriği sunabilir; güncel stok veya sunucuda tamamlanmış sipariş sonucu değildir.

07 · Satıcı için

Satıcı ne yapmalı?

Hizmetinizdeki PWA özelliklerini yazılı listeleyin.
Manifest, uygulama adı, simge ve HTTPS düzenini kontrol ettirin.
Cihaz ve tarayıcı birleşimlerinde kurulum deneyin.
Çevrimdışı ürün, sepet ve sipariş durumlarını ayrı kaydedin.
Bağlantı dönünce güncel veri ve mükerrer işlem kontrolü yapın.
Desteklenmeyen özellikler için normal web akışını doğrulayın.

08 · Devamı

İlgili rehberler

09 · Sık sorulanlar

PWA hakkında sık sorulanlar

PWA için uygulama mağazası şart mı?

PWA web üzerinden erişilebilir ve destekleyen tarayıcıdan kurulabilir. Uygulama mağazasında dağıtım ayrı süreçtir.

PWA kurulursa her işlem çevrimdışı çalışır mı?

Çevrimdışı deneyim ayrıca geliştirilir. Ürün kopyasının açılması güncel stok veya siparişin sunucuya ulaştığı sonucu değildir.

Kurulum için service worker zorunlu mu?

MDN kurulum rehberi bunu kurulumun zorunlu koşulu saymaz. Bu bileşen çevrimdışı deneyimi sağlamak için sık kullanılır.

Her tarayıcıda aynı kurulum düğmesi mi görünür?

Kurulum deneyimi tarayıcı ve işletim sistemine göre değişebilir. Kendi hedef cihazlarınızda kontrol edin.

Kurgudaki %90 neyi ölçer?

20 belirlenmiş kurulum denemesinin 18’inin başarılı sonuçlanmasını ölçer. Satış, müşteri dönüşümü veya bütün cihazların destek oranı değildir.