Sahə
Forma · sübut
Xidmət
Mobil və PWA
Eyni məhsulun telefon və brauzerdə daşınması. Ayrı-ayrı təsadüfi tətbiq yox — sahədə işləyən, kəsilmiş təcrübə.
Müştəri və ya komanda telefonda eyni işi bitirir: giriş, əməliyyat, bildiriş. Masaüstü “kiçildilmiş” deyil — mobil üçün düşünülmüşdür.
ReactTypeScriptPWA
Sahə · PWA · API
Sahə əməliyyatı
DEMO DATA
Toxunma · PWA · Sahə
Masaüstü kiçildilmir. Axın telefonda yazılır.
PWA siqnalları
quraşdır · keş
01 · ad · ikon · tema
Manifest
Hazır
02 · store yox
Install
Ev ekranı
03 · yavaş şəbəkə
Keş
Kritik axın
04 · bir qayda
API
Ortaq
Kimə uyğundur
Bu xidmət hansı ehtiyaca cavab verir.
Sahə və xidmət komandaları
Yolda status yeniləmək, foto və ya imza — telefon əsas cihazdır.
Müştəriyə açıq məhsullar
Hesab, sifariş, rezervasiya — əksər trafik mobilə düşür.
Store olmadan start
Əvvəl PWA / responsive ilə dəyəri sübut etmək, native-i sonra qiymətləndirmək istəyənlər.
Cihaz
Üç səth. Bir məhsul.
Sahə, ev ekranı və müştəri axını eyni qaydaya bağlıdır. Kiçildilmiş desktop yox — hər səth öz işi üçün kəsilir.
- 01
Bir əllə status, foto, imza.
Sahə · Forma · sübut
- 02
Ev ekranı. Store yox.
PWA · Manifest · keş
- 03
Sifariş telefonda bitir.
Müştəri · Hesab · rezerv
PWA
Manifest · keş
Müştəri
Hesab · rezerv
İstifadə ssenariləri
Eyni özül, fərqli dərinlik.
Bir layihədə hamısı lazım deyil. Ehtiyacınıza uyğun kəsim seçilir — sonra böyütmək asan qalır.
Responsive veb tətbiq
hesab.example / sifarişResponsiveMüştəri
Eyni URL, telefonda bitir.
TəsdiqRezerv 18:30
2 nəfər
HazırlanırSifariş #441
çatdırılma
AçıqHesab
kart
Portal və panel telefon və tabletdə rahat — eyni URL.
PWA
app.example / quraşdırPWA
Ev ekranına əlavə
Store yox. Manifest, ikon və keş — brauzerdən tətbiq hissi.
Ev ekranı ikonu, keş və (dəstəklənən yerdə) push — store olmadan.
Sahə əməliyyatı
field.ops / növbəDEMOSahə
Növbə lövhəsi
F-184NəsimiYoldaF-187YasamalSahədəF-191XətaiGözləyirSürətli forma, kamera/fayl, status yeniləmə — bir əllə istifadəyə yaxın.
Mobil müştəri + API
api.studio / mobil müştəri200 · 18msOrtaq backend
GET /v1/jobs/active
Request
Authorization: Bearer
X-Device: pwa
Response
{ "open": 3,
"sameRule": true }
Ortaq backend üzərindən gələcək native və ya kross-platform qat üçün hazırlıq.
Problem
Niyə adi sayt kifayət etmir
Yalnız masaüstü axın sahədə və yolda qırılır. Kiçildilmiş desktop düymələri əldə sığmır, forma yorucudur, oflayn və ya yavaş şəbəkə nəzərə alınmır. Ayrı native tətbiq isə hər dəfə store və ikiqat baxım demək ola bilər — ehtiyac olmadan bahalıdır.
Həll
Nə qurulur
Responsive veb + PWA özülü; ehtiyac olanda ortaq API üzərindən mobil müştəri. Əsas: eyni biznes qaydası, telefona uyğun axın. Nəticə: quraşdırıla bilən, sürətli, bir backend-ə bağlı təcrübə.
Yolda da işləyir
Yavaş şəbəkə, bir əl, eyni qayda.
Nəticə
Biznesinizdə nə dəyişir.
01
Telefonda bitən axın
Əsas tapşırıqlar böyük ekran olmadan tamamlanır — düymə, forma, naviqasiya uyğun.
02
Ev ekranına əlavə
PWA ilə qısa yol və daha tətbiqə bənzər hiss — ehtiyaca görə.
03
Eyni API, eyni qayda
Mobil və masaüstü fərqli “həqiqət” danışmır — bir backend.
04
Ağılcı native qərarı
Store və native yalnız real ehtiyac olanda — əvvəl sübut, sonra investisiya.
Sahə · status · eyni API, telefonda
Növbə
Yolda olan iş də lövhədə görünür.
Foto, imza və status bir axında. Excel yox — telefon.
Sahə növbəsi
canlı · 3 açıq
- F-184NəsimiYolda12 dəq
- F-187YasamalSahədəindi
- F-191XətaiGözləyir14:40
field.ops / növbə
Sahə
Növbə lövhəsi
F-184NəsimiYolda
F-187YasamalSahədə
F-191XətaiGözləyir
Proses
Necə irəliləyirik.
01
Cihaz və ssenari
Kim, harada, hansı şəbəkədə istifadə edir — əsas 3 axın seçilir.
02
Mobil axın
Masaüstü kopyası yox: naviqasiya, prioritet və forma yenidən kəsilir.
03
Quruluş və cihaz test
Real telefonlarda yoxlama. PWA və performans ehtiyatla əlavə olunur.
04
Təhvil
Canlıya çıxış, qısa quraşdırma təlimatı və native ehtiyacın dürüst qiyməti.
Təhvil
Nə alırsınız — aydın siyahı.
- 01Mobil-first axın və kritik ekranların uyğunlaşması
- 02Responsive implementasiya (telefon / tablet / masaüstü)
- 03PWA özülü: manifest, service worker strategiyası (razılaşmaya görə)
- 04Toxunma və forma UX: böyük hədəf, klaviatura, yükləmə halları
- 05Ortaq API ilə sinxron davranış
- 06Təhvil: cihaz test qeydi, quraşdırma izahı, növbəti native qiymətləndirmə
Fərq
Niyə bu yanaşma.
Kiçildilmiş desktop deyil
Hər ekranın mobil işi var. “Sonra responsive edərik” yanaşması yoxdur.
PWA ilə ağıllı start
Store və iki native komanda olmadan çox ehtiyac örtülür — sübut ucuzlaşır.
Eyni biznes qaydası
Mobil ayrıca məhsul kimi uydurulmur; mövcud sistemin sahə uzantısıdır.
Xüsusiyyətlər
- Responsive veb tətbiq — telefon və tabletdə rahat axın
- PWA: ev ekranı, keş strategiyası (ehtiyaca görə)
- Toxunma-first UI və mobil forma təcrübəsi
- Ortaq API üzərindən mobil müştəri hazırlığı
- Yavaş şəbəkə və yükləmə hallarına diqqət
- Native iOS/Android — ayrıca qiymətləndirilən kəsim
Tez-tez suallar
- Native iOS/Android yazılır?
- İlk kəsim adətən responsive + PWA-dır. Native ehtiyac (store, cihaz API, oflayn dərinlik) ayrıca qiymətləndirilir.
- PWA App Store-da görünürmü?
- PWA birbaşa brauzerdən quraşdırılır. Store yayımı native və ya xüsusi yol tələb edir — əhatədə ayrıca danışılır.
- Mövcud sayt mobilə uyğunlaşdırıla bilər?
- Bəli, əgər struktur imkan verirsə. Bəzən kritik axınları yenidən kəsmək daha düzgün olur — analizdən sonra qərar.
- Nə qədər vaxt aparır?
- Mövcud məhsulun vəziyyəti və PWA dərinliyindən asılıdır. Yeni mobil-first kəsim ilə uyğunlaşdırma fərqli planlanır.
- Qiymət necə müəyyən olunur?
- Ekran sayı, PWA əhatəsi və native ehtiyaca görə. Brifdən sonra aydın təklif.
Layihəniz var? Danışaq.
Qısa bir söhbət kifayətdir. Ehtiyacı netləşdiririk, yolu çəkirik, sonra təklif veririk.
İndi yazın — forma gözləmədən.
Instagram-da yaz