Milyonlarca günlük siparişi taşıyan bir PWA’nın sipariş akışı
Restoranların siparişlerini yönettiği PWA’nın istemci tarafı çekirdeği ve sipariş yaşam döngüsü; native uygulamalara webview ile gömülü.
İhtiyaç, çözüm, etki
İhtiyaç
Yüksek trafik altında iş açısından kritik bir sipariş akışı; web sürümlerinin mobil uygulamaların code freeze takvimine bağlı olması.
Çözüm
Sipariş yaşam döngüsünün sahipliği: yüklemede REST ile anlık görüntü, yeni sipariş ve durum değişiklikleri için WebSocket olayları, polling yerine bağlantı durumu göstergesi ve elle yenileme. PWA’nın native webview’lara entegrasyonu ve push bildirimleri gibi native yeteneklerin web katmanına açılması. Frontend’in ihtiyaç duyduğu REST API endpoint’lerini Node.js ve Express ile geliştirme; Node.js BFF’e eklenen genel bir proxy endpoint’i.
Etki
Web sürümleri mobil code freeze’lerden bağımsız yayına çıkıyor; iş ortakları web katmanından push bildirimi alıyor; yeni gateway endpoint’leri BFF’te kod değişikliği ve ayrı bir deploy gerektirmiyor.
- React
- TypeScript
- PWA
- WebSockets
- Native webviews
- Node.js