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

Periodic Background Sync

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Jxck Jxck
April 17, 2020
Technology
660
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
800
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
370
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
データベース研修【MIXI 26新卒技術研修】
Avatar for MIXI ENGINEERS mixi_engineers
PRO
1
500
BigQuery を検索ソースとした AI Agent の作り方って 〇〇 通りあんねん
Avatar for SatohJohn satohjohn
0
120
AI Native なプロダクト組織の立ち上げ方 : 生産性 100 倍への挑戦
Avatar for mikesorae mikesorae
0
1.6k
信頼できるテスティングAIをどう育てるか？
Avatar for odan tomohiro odan611
0
120
AI工学特論: MLOps・継続的評価
Avatar for Asei Sugiyama asei
11
2.9k
AI驚き屋発見器
Avatar for Yuuki Yamashita yama3133
1
360
Playwright × AI Agent でE2Eテストはどう変わるか AI駆動テストの可能性と実用検証の結果
Avatar for Taiga Oyu taiga7543
2
900
AI Agent を本番環境へ―― Microsoft Foundry × Azure Serverless で作る Enterprise-Ready な基盤
Avatar for Tatsuro Shibamura shibayan
PRO
1
610
現場で使える AWS DevOps Agent 活用ノウハウ - Release Management 機能の検証結果を添えて / AWS DevOps Agent Release Management and Know-How
Avatar for Masanori Yamaguchi kinunori
3
260
書籍セキュアAPIについて
Avatar for RiiiM(りむ) riiimparm
0
360
reFACToring
Avatar for moznion moznion
1
760
実践が先生だった— 新卒サーバーエンジニア1年目のリアル
Avatar for MIXI ENGINEERS mixi_engineers
PRO
0
150

Featured

See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
240
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
170
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.8k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.2k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
620
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.4k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
230
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.7k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k

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