Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Periodic Background Sync

Avatar for Jxck Jxck
April 17, 2020
Technology
0
590

Periodic Background Sync

LT about periodic background sync at #remo_study

Avatar for Jxck

Jxck

April 17, 2020
Tweet

More Decks by Jxck

See All by Jxck
IE Graduation (IE の功績を讃える)
Avatar for Jxck jxck
22
16k
IE Graduation Certificate
Avatar for Jxck jxck
6
6.1k
RFC 9111: HTTP Caching
Avatar for Jxck jxck
1
720
tc39_study_2
Avatar for Jxck jxck
1
12k
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
Avatar for Jxck jxck
2
1.2k
Web Components 元年 v3 / Web Components first year v3
Avatar for Jxck jxck
1
1.1k
Podcast over PWA
Avatar for Jxck jxck
0
290
Yearly Web 2019
Avatar for Jxck jxck
0
210
webbundle_study
Avatar for Jxck jxck
2
650

Other Decks in Technology

See All in Technology
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
Avatar for pei0804 pei0804
1
190
Rustから学ぶ 非同期処理の仕組み
Avatar for skanehira skanehira
1
140
AI時代を生き抜くエンジニアキャリアの築き方 (AI-Native 時代、エンジニアという道は 「最大の挑戦の場」となる) / Building an Engineering Career to Thrive in the Age of AI (In the AI-Native Era, the Path of Engineering Becomes the Ultimate Arena of Challenge)
Avatar for JaeSoon Jeong jeongjaesoon
0
200
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
6
380k
LLMを搭載したプロダクトの品質保証の模索と学び
Avatar for SmartHR 品質保証部 qa
0
1.1k
現場で効くClaude Code ─ 最新動向と企業導入
Avatar for TakaakiKakei takaakikakei
1
250
slog.Handlerのよくある実装ミス
Avatar for H.Saki sakiengineer
4
290
20250913_JAWS_sysad_kobe
Avatar for Takuya Yonezawa takuyay0ne
2
230
スマートファクトリーの第一歩 〜AWSマネージドサービスで 実現する予知保全と生成AI活用まで
Avatar for wanda ganota
2
240
roppongirb_20250911
Avatar for Kuniaki IGARASHI igaiga
1
240
AIのグローバルトレンド2025 #scrummikawa / global ai trend
Avatar for kyonmm kyonmm
PRO
1
300
EncryptedSharedPreferences が deprecated になっちゃった！どうしよう！ / Oh no! EncryptedSharedPreferences has been deprecated! What should I do?
Avatar for Yuki Anzai yanzm
0
450

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
530
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.9k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k

Transcript

  1. Periodic Background Sync Periodic Background Sync

  2. None

  3. Background Sync self.on('sync', (e) => { // retry failed request

    while // offline in background })

  4. Periodic Background Sync self.on('periodic-sync', (e) => { // periodically refresh

    contents // up to date in background. })

  5. Use Case - Podcast Feed Update

  6. // register PBS const name = 'periodic-background-sync' const status =

    await navigator.permissions.query({name}) if (status.state === 'granted') { await registration.periodicSync.register('refresh', { minInterval: 12 * 60 * 60 * 1000 // 12h }) }

  7. Security Consideration

  8. #4: 156.74.xxx.xxx #1: 14.102.xxx.xxx #2: 81.177.xxx.xxx #3: 24.152.xxx.xxx Background Sync

    Tracking also • crypto mining • bot net

  9. Known Network

  10. Permission In Chrome

  11. Permission Model Permission Dialog ? User Gesture ? Feature Policy

    ? Add to Home Screen !!

  12. Native App Permission -> Install Web App Permission -> Install

  13. Restriction In Chrome

  14. • Periodic depends on site-engagement. • Only fire under known

    network.

  15. Site Engagement

  16. Periodic Background Sync enables... • Installed App via A2HS •

    Enough Site-Engagement • Connected to Known Network • Android Chrome only

  17. Work in progress...

  18. None