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

Periodic Background Sync

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Jxck Jxck
April 17, 2020
Technology
650
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.3k
RFC 9111: HTTP Caching
Avatar for Jxck jxck
1
780
tc39_study_2
Avatar for Jxck jxck
1
14k
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
Avatar for Jxck jxck
2
1.3k
Web Components 元年 v3 / Web Components first year v3
Avatar for Jxck jxck
1
1.1k
Podcast over PWA
Avatar for Jxck jxck
1
360
Yearly Web 2019
Avatar for Jxck jxck
0
250
webbundle_study
Avatar for Jxck jxck
2
720

Other Decks in Technology

See All in Technology
Agentic ERPをどう設計するか ー 受発注エージェントを動かす、現場の知見と設計思想ー
Avatar for 株式会社リチェルカ recerqainc
1
2.1k
Disciplined Vibes: Scaling AI-Assisted Engineering
Avatar for Sheharyar Naseer sheharyar
0
110
Rancherの紹介＆Update情報（RancherJP Online Meetup #09）
Avatar for Yoshiyuki Kono yoshiyuki_kono
0
140
AGENTS.mdとSkillsで始めるAIエージェント活用
Avatar for そのだ sonoda_mj
2
170
Agentic Web
Avatar for dynamis dynamis
1
200
protovalidate-es を導入してみた
Avatar for 弁護士ドットコム bengo4com
0
160
Databricks における 生成AIガバナンスの実践
Avatar for Takaaki Yayoi taka_aki
1
370
Microsoft Build Keynoteふりかえり
Avatar for tomokusaba tomokusaba
0
120
新規事業を牽引する技術選定 〜フルスタックTypeScript開発の実践事例〜
Avatar for Katsuma Narisawa nullnull
3
380
Claude Code×Terraform IaC テンプレート駆動開発
Avatar for Itou Hideki itouhi
1
470
2026TECHFRESH畢業分享會 - Lightning Talk - E起 See See : 電商推薦讀心術? 數據說了算
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
580
AI駆動開発が変える、大規模開発の前提 ーHuman in the Loop から Human on the Loop へ / AIE2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
30
23k

Featured

See All Featured
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.2k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
960
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
950
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k

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