Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Periodic Background Sync
Search
Jxck
April 17, 2020
Technology
0
540
Periodic Background Sync
LT about periodic background sync at #remo_study
Jxck
April 17, 2020
Tweet
Share
More Decks by Jxck
See All by Jxck
IE Graduation (IE の功績を讃える)
jxck
22
16k
IE Graduation Certificate
jxck
6
6k
RFC 9111: HTTP Caching
jxck
1
660
tc39_study_2
jxck
1
7.4k
IETF における ABNF とプロトコルパーサの話 / ABNF for Protocol Parser @ IETF
jxck
2
1k
Web Components 元年 v3 / Web Components first year v3
jxck
1
1k
Podcast over PWA
jxck
0
240
Yearly Web 2019
jxck
0
160
webbundle_study
jxck
2
600
Other Decks in Technology
See All in Technology
ビジネスモデリング道場 目的と背景
masuda220
PRO
9
520
現場の種を事業の芽にする - エンジニア主導のイノベーションを事業戦略に装着する方法 -
kzkmaeda
2
2.1k
The Future of SEO: The Impact of AI on Search
badams
0
190
MC906491 を見据えた Microsoft Entra Connect アップグレード対応
tamaiyutaro
1
540
エンジニアが加速させるプロダクトディスカバリー 〜最速で価値ある機能を見つける方法〜 / product discovery accelerated by engineers
rince
4
320
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
2
2.9k
開発組織のための セキュアコーディング研修の始め方
flatt_security
3
2.3k
自動テストの世界に、この5年間で起きたこと
autifyhq
10
8.5k
2.5Dモデルのすべて
yu4u
2
860
技術的負債解消の取り組みと専門チームのお話 #技術的負債_Findy
bengo4com
1
1.3k
現場で役立つAPIデザイン
nagix
33
12k
プロセス改善による品質向上事例
tomasagi
2
2.5k
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
GraphQLとの向き合い方2022年版
quramy
44
13k
BBQ
matthewcrist
87
9.5k
Git: the NoSQL Database
bkeepers
PRO
427
64k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
550
Writing Fast Ruby
sferik
628
61k
Scaling GitHub
holman
459
140k
Optimizing for Happiness
mojombo
376
70k
Transcript
Periodic Background Sync Periodic Background Sync
None
Background Sync self.on('sync', (e) => { // retry failed request
while // offline in background })
Periodic Background Sync self.on('periodic-sync', (e) => { // periodically refresh
contents // up to date in background. })
Use Case - Podcast Feed Update
// 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 }) }
Security Consideration
#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
Known Network
Permission In Chrome
Permission Model Permission Dialog ? User Gesture ? Feature Policy
? Add to Home Screen !!
Native App Permission -> Install Web App Permission -> Install
Restriction In Chrome
• Periodic depends on site-engagement. • Only fire under known
network.
Site Engagement
Periodic Background Sync enables... • Installed App via A2HS •
Enough Site-Engagement • Connected to Known Network • Android Chrome only
Work in progress...
None