Service Worker nedir?

02 Temmuz 2017

Merhabalar Web Teknolojisi Severler,

─░lk olarak Chrome’da g├Ârd├╝─č├╝m bir ├Âzellikti servis worker biraz ara┼čt─▒r─▒nca yeni bir web teknolojisi oldu─čunu g├Ârd├╝m. Peki ne i┼če yar─▒yor?

Service worker ile internetsiz ortam i┼člemleri, arkaplan senkronizasyonu, Taray─▒c─▒ bildirimi gibi i┼člemleri yapabilece─činiz bir web teknolojisi. Kodlamak i├žin javascript bilmeniz ve service worker i├žin gerkeli k├╝t├╝phaneleri bilmeniz yeterlidir.

Servis Worker ─░nternetsiz ortam i┼člemleri

Offline i┼člemler olarak ge├žen bu sistem ┼č├Âyle ├žal─▒┼č─▒yor. ─░sterseniz web sitenize giren kullan─▒c─▒n─▒n taray─▒c─▒s─▒na sitenizde gezdi─či sayfalar─▒ cache olarak bar─▒nd─▒rarak internetsiz bir ortamdayken tekrar girmesini sa─člayabilirsiniz veya internet olmad─▒─č─▒ bir durumda sitenize girince ayn─▒ 404 sayfas─▒ gibi size ├Âzel “─░nternetiniz yok” sayfas─▒ olu┼čturabilirsiniz. ┼×u an bu ├Âzelli─či en iyi kullanan web.whatsapp.com

Web.whatsapp.com bir kere giri┼č yap─▒n ve internetinizi kesin. En son ald─▒─č─▒ cache ile internetsiz ortamda tekrar a├ž─▒lacakt─▒r e─čer cache tutamam─▒┼č ise “Bilgisayar ba─čl─▒ de─čil” diye uyar─▒ verecektir.

Offline Page ├ľrne─či : https://app.hayatikodla.net/sw/offlinepage/

Yukar─▒daki linke 1 kere giri┼č yap─▒n. ─░nternet ba─člant─▒n─▒z─▒ kapat─▒n ve sayfay─▒ yenileyin. ─░sterseniz mobil chrome ile de kullanabilirsiniz.

Servis Worker Taray─▒c─▒ Bildirimi

Taray─▒c─▒ bildirimi sistemi asl─▒nda anl─▒k hit toplamak i├žin ├žok g├╝zel bir teknoloji ve ├žo─ču yeni nesil taray─▒c─▒lar bu teknolojiyi destekliyor. Bir ├žok web sitesinde dola┼č─▒rken g├Ârm├╝┼čs├╝n├╝zd├╝r “Bu web sitesi size bildirim yollamak istiyor” gibi uyar─▒lar var ve izin verdi─činizde size yeni yaz─▒ yazd─▒─č─▒nda veya bir uyar─▒ i├žin bildirim yollayabiliyor. Bu sistemin temelini size bir ├Ârnek ile g├Âstereyim.

https://app.hayatikodla.net/sw/notifications/

Yukar─▒daki linke girin “Taray─▒c─▒ Bildirimini Aktif edin” butona bas─▒n sol yukar─▒da bir uyar─▒ ├ž─▒kacakt─▒r. “─░zin ver” butonuna bas─▒n. Sayfada de─či┼čim olacak. Sayfadaki talimatlar─▒ okuyun ve taray─▒c─▒ bildirim sistemimiz haz─▒r. ─░stedi─činiz zaman taray─▒c─▒ bildirimi ├ž─▒kabilirsiniz. Tabi bu sistem ile g├╝venlik nedeni ile sadece kendinize bildirim ├ž─▒kabilirsiniz. ­čÖé

KAYNAK : https://developers.google.com/web/fundamentals/getting-started/codelabs/push-notifications/

Service Worker Arkaplan ─░┼člemleri

Arkaplan i┼člemleri yazd─▒─č─▒n─▒z uygulamaya g├Âre de─či┼čiklik g├Âsterebilir. Bu ├Ârne─či ├žok iyi anlatan bir video g├Âstermek istiyorum.

Videoyu a├ž─▒klamak gerekirse. Bir chat uygulaman─▒z var ve internetsiz ortamda kar┼č─▒ tarafa mesaj att─▒─č─▒n─▒zda bu arkaplan da bekletilip internetiniz geldi─činde i┼člemi tamamlaman─▒za olanak tan─▒yor.

Test etmek i├žin kaynak : https://jakearchibald-gcm.appspot.com/

Service Worker bu ┼čekilde arkada┼člar. Bu teknoloji ile offline bir wikipedia geli┼čtirilebilirmi┼č bunu da google s├Âyl├╝yor ­čÖé Okudu─čunuz i├žin te┼čekk├╝r ederimm.

"Service Worker nedir?" Benzer Yaz─▒lar─▒

Chrome ile mobil uygulama olu┼čturma Gelecek Neslin Arama Motorlar─▒

Service Worker nedir? Etiketleri:

Bir Cevap Yaz─▒n

E-posta hesab─▒n─▒z yay─▒mlanmayacak. Gerekli alanlar * ile i┼čaretlenmi┼člerdir