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

Periodic Background Sync

Avatar for Jxck Jxck
April 17, 2020
Technology
640
0

Periodic Background Sync

LT about periodic background sync at #remo_study

Avatar for Jxck

Jxck

April 17, 2020

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.2k
RFC 9111: HTTP Caching
Avatar for Jxck jxck
1
770
tc39_study_2
Avatar for Jxck jxck
1
14k
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
1
350
Yearly Web 2019
Avatar for Jxck jxck
0
240
webbundle_study
Avatar for Jxck jxck
2
710

Other Decks in Technology

See All in Technology
M5Stack CoreS3とZephyr(RTOS)で Edge AIっぽいことしてみた
Avatar for misoji engineer iotengineer22
0
400
Cortex Codeのコスト見積ヒントご紹介
Avatar for Yosuke Katsuki yokatsuki
0
130
EMから幅を広げるために最近挑戦していること / Recent challenges I'm undertaking to expand my horizons beyond EM
Avatar for hiro-torii hiro_torii
1
170
AI バイブコーティングでキーボード不要？！
Avatar for Sam Akada samakada
0
660
データ定義の混乱と戦う 〜 管理会計と財務会計 〜
Avatar for wonohe wonohe
0
170
エージェントスキルを作って自分のインプットに役立てよう
Avatar for Yuta Matsumura tsubakimoto_s
0
490
Building a Study Buddy AI Agent from Scratch: From Passive Chatbots to Autonomous Systems
Avatar for Patrick Eichler itchimonji
0
110
「誰一人取り残されない」 AIエージェント時代のプロダクト設計思想 Product Management Summit 2026
Avatar for mizushimac mizushimac
1
2.4k
自動テストだけで
リリース判断できるチームへ - 鍵はテストの量ではなくリリース判断基準の再設計にあった / Redesigning Release Criteria for Lightweight Releases
Avatar for えわ ewa
2
1.7k
Forget technical debt
Avatar for Uwe Friedrichsen ufried
0
140
需要創出(Chatwork)×供給(BPaaS) フライホイールとMoat 実行能力の最適配置とAI戦略
Avatar for kubell kubell_hr
0
1.6k
社内エンジニア勉強会の醍醐味と苦しみ/tamadev
Avatar for Ichiro Nishiuma nishiuma
0
270

Featured

See All Featured
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
820
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
300
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.2k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
930
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
500
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.9k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
230

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