PWA Çi Ye?
Progressive Web Apps (PWA) sepanên webê ne ku taybetmendiyên sepanên xwecihî (native) pêşkêşî dikin. Ew di browserê de dixebitin lê wekî sepanên xwecihî hîs dikin – dikarin offline bixebitin, agahdariyên push bişînin û li ser ekrana sereke werin saz kirin.
Google di sala 2015-an de têgeha PWA-yê da nasîn û ji wê demê ve ev teknolojî bi lez pêş ket. TAGUM di projeyên xwe de, nemaze di HemenBasla.Net de, teknolojiya PWA bi kar tîne da ku ezmûna bikarhêner a çêtirîn pêşkêşî bike.
Hêmanên Bingehîn ên PWA
Service Workers
Service Workers skrîptên JavaScript in ku di paşxanê de, ji browser-ê serbixwe, dimeşin. Ew bingeh û çiroka PWA-yê ne û van karan pêk tînin:
- Caching: Çavkaniyan (HTML, CSS, JS, wêne) di cache de hildigirin ji bo gihîştina bilez
- Offline piştgirî: Dema ku têkiliya înternetê tune be jî sepan dixebîne
- Background sync: Daneyan di paşxanê de senkronîze dike
- Push notifications: Agahdariyên push ji server distîne
Service Worker lifecycle ji sê qonaxan pêk tê: Install, Activate û Fetch. Di qonaxa install de çavkanî di cache de têne hilanîn, di qonaxa activate de cache-ên kevn têne pakkirin, û di qonaxa fetch de daxwazên torê têne birêvebirin.
Web App Manifest
Manifest dosyayek JSON e ku der barê sepanê de agahdarî dide. Ew diyar dike ku sepan çawa li ser cîhazê xuya dike:
{
"name": "TAGUM App",
"short_name": "TAGUM",
"start_url": "/",
"display": "standalone",
"background_color": "#2563EB",
"theme_color": "#2563EB",
"icons": [...]
}Taybetmendiyên girîng ên manifest:
- name/short_name: Navê sepanê
- start_url: URL-ya destpêkê
- display: Moda xuyang (standalone, fullscreen, minimal-ui)
- icons: Îkonên ji bo mezinahiyên cihêreng
- theme_color: Renga temayê
HTTPS
PWA pêdivî bi HTTPS-ê heye. Ev ne tenê ji bo ewlekariyê ye, lê ji bo ku Service Workers bixebitin jî pêdivî ye. Let’s Encrypt sertîfîkayên SSL-ê yên belaş pêşkêşî dike ku ev pêvajoyê hêsantir dike.
PWA vs Native vs Hybrid
Sepanên Xwecihî (Native Apps)
- Avantaj: Performansa herî bilind, gihîştina tevahî ya hardware, ezmûna bikarhêner a çêtirîn
- Dezavantaj: Ji bo her platformê pêşkeftin cihê, lêçûna bilind, pêvajoya store
Sepanên Hîbrîd (Hybrid Apps)
- Avantaj: Yek kod ji bo gelek platforman, React Native, Flutter
- Dezavantaj: Performans ji native kêmtir, girêdayî framework
PWA
- Avantaj: Yek kod, bêyî store, update-ên bilez, SEO, lêçûna kêm
- Dezavantaj: Gihîştina sînordar a hardware, piştgiriya iOS-ê sînordar
Stratejiyên Caching
Stratejiyên caching ên ku di PWA-yan de têne bikaranîn:
Cache First
Berê li cache binêre, eger tune be ji torê bîne. Ji bo çavkaniyên ku pir naguherin (wêne, font, CSS) guncan e.
Network First
Berê ji torê bîne, eger tor tune be ji cache bîne. Ji bo naveroka ku pir diguhere (API bersiv, nûçe) guncan e.
Stale While Revalidate
Ji cache bersiv bide lê di heman demê de ji torê jî bîne û cache-ê nûve bike. Balansa di navbera bilez û nûbûnê de pêk tîne.
Cache Only
Tenê ji cache bîne. Ji bo çavkaniyên ku qet naguherin (versiyonên saz) guncan e.
Network Only
Tenê ji torê bîne. Ji bo daxwazên ku nayên caching kirin (analytics, form submission) guncan e.
Sazkirina PWA (Add to Home Screen)
Yek ji taybetmendiyên herî girîng ên PWA ew e ku bikarhêner dikarin sepanê li ser ekrana sereke saz bikin bêyî ku biçin app store. Browser bixweber pêşniyara sazkirinê dike dema ku van şertan pêk tîne:
- Sepan HTTPS bi kar tîne
- Manifest-a derbasdar heye
- Service Worker qeydkirî ye
- Bikarhêner bi sepanê re têkilî dayne
Performansa PWA
PWA-yên baş divê van pîvanan pêk bînin:
- First Contentful Paint: Di bin 1.8 çirkeyan de
- Time to Interactive: Di bin 3.8 çirkeyan de
- Lighthouse Score: 90+ ji bo performance, accessibility, û best practices
Google Lighthouse amûrek e ku kalîteya PWA-yan dipîve û pêşniyaran dide.
TAGUM û PWA
TAGUM teknolojiya PWA di gelek projeyên xwe de bi kar tîne. HemenBasla.Net wekî PWA hatiye ava kirin û ji bikarhêneran re ezmûna sepana xwecihî pêşkêşî dike bêyî ku pêdivî bi sazkirina ji app store hebe.
Taybetmendiyên PWA yên HemenBasla.Net:
- Offline browsing ji bo kataloqa hilberan
- Push notifications ji bo fermanên nû
- Sazkirina li ser ekrana sereke
- Barkirina bilez bi stratejiya cache
Di projeyên PratikEsnaf.Net de jî taybetmendiyên PWA wekî offline data entry û background sync têne bikaranîn.
Encam
PWA nêzîkatîyek hêzdar e ku avantajên sepanên web û xwecihî bi hev re dike. Bi lêçûna kêmtir û pêvajoya pêşkeftina hêsantir, PWA ji bo gelek senaryoyan vebijarkek guncan e. Ji bo zanîna bêtir der barê çawaniya ku TAGUM PWA di projeyên we de bi kar bîne, bi me re têkilî daynin.