blob: e84ab387d778dfb4f4fcce7f0523508167826497 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
---
title: Re-engageable
slug: conflicting/Web/Progressive_web_apps_cb2823fe6cfc1ddee5db1f6a5d240c67
tags:
- Applications
- Notifications
- Push
- Service Workers
- Web
translation_of: Web/Progressive_web_apps
translation_of_original: Web/Progressive_web_apps/Re-engageable
original_slug: Web/Progressive_web_apps/Re-engageable
---
<div class="column-container summary">
<div class="column-11">Un des principaux avantages des plateformes natives est la facilité avec laquelle les utilisateurs peuvent se retrouver de nouveaux attirés par des mises-à-jour et du nouveau contenu, même quand ils ne sont pas en train de regarder l'application ou d'utiliser leur appareil. Les applications web modernes peuvent désormais le faire aussi, en utilisant de nouvelles technologies comme l'API Web Push.</div>
<div class="column-1"><img alt="" src="https://mdn.mozillademos.org/files/12666/re-engageable.svg" style="height: 43px; width: 43px;"></div>
</div>
<h2 id="Guides">Guides</h2>
<dl>
<dt><a href="/fr/docs/Web/API/Service_Worker_API/Using_Service_Workers" lang="fr">Utiliser l'API service workers</a></dt>
<dd>Un guide simple pour débutant à l'API Service Worker.</dd>
<dt><a href="/en-US/docs/Web/API/Push_API/Using_the_Push_API" lang="en">Utiliser l'API Push</a></dt>
<dd>Apprendre les bases de l'API Web Push.</dd>
<dt><a href="/fr/docs/Web/API/notification/Using_Web_Notifications">Utiliser l'API Notifications</a></dt>
<dd>Un résumé sur les notifications Web.</dd>
</dl>
<h2 id="Technologies">Technologies</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Technologie</th>
<th scope="col">Description</th>
<th scope="col">Résumé du support</th>
<th scope="col">Dernière spécification</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="/fr/docs/Web/API/Service_Worker_API">Service workers</a></td>
<td>
<p>JavaScript fonctionne dans un contexte de travail particulier qui est lancé par le navigateur sous certaines circonstances comme la récupération (<em>fetch</em>) et l'envoi (<em>push</em>) d'évènements. Ceci permet au service worker d'intercepter des réponses et de les personnaliser, de toutes les façons que vous le souhaitez, par exemple mettre en cache des ressources pour un usage hors-ligne avant qu'elles ne soit servies.</p>
</td>
<td>Expérimental: Chrome et Firefox (<a href="/fr/docs/Web/API/Service_Worker_API#Browser_compatibility">plus de détails</a>)</td>
<td>{{SpecName('Service Workers')}}</td>
</tr>
<tr>
<td><a href="/fr/docs/Web/API/Push_API">API Push</a></td>
<td>Après s'être inscrit, le service <em>Push</em> fournit un point de terminaison utilisable par le serveur pour transmettre des messages à une application web controlée par un <em>service worker</em> particulier.</td>
<td>Expérimental: chrome et Firefox (<a href="/fr/docs/Web/API/Push_API#Browser_Compatibility">plus de détails</a>)</td>
<td>{{SpecName("Push API")}}</td>
</tr>
<tr>
<td><a href="/fr/docs/Web/API/Notifications_API">API Notifications</a></td>
<td>Lancer des notifications systèmes directement depuis les applications web.</td>
<td>Répandu dans les navigateurs modernes (<a href="/fr/docs/Web/API/Notifications_API#Browser_compatibility">plus de détails</a>)</td>
<td>{{SpecName('Web Notifications')}}</td>
</tr>
</tbody>
</table>
<h2 id="Outils">Outils</h2>
<dl>
<dt><a class="external" href="https://github.com/fxos-components/serviceworkerware">ServiceWorkerWare</a></dt>
<dd>Un micro-framework similaire à <em>Express</em> pour le développement simple d'un <em>service worker</em>.</dd>
<dt><a class="external" href="https://github.com/mozilla/oghliner" lang="en">oghliner</a></dt>
<dd>Pas seulement un template mais un outil permettant de déployer des applications web hors-ligne sur GitHub Pages.</dd>
<dt><a class="external" href="https://github.com/GoogleChrome/sw-precache" lang="en">sw-precache</a></dt>
<dd>Un module Node pour générer le code d'un <em>service worker</em> qui va mettre en pré-cache des ressources spécifiques.</dd>
</dl>
<h2 id="Voir_aussi">Voir aussi</h2>
<dl>
<dt><a class="external" href="https://serviceworke.rs/" lang="en">The service worker cookbook</a></dt>
<dd>Une série de très bonnes ressources concernant les service worker, montrant comment implémenter une application web hors-ligne, et plus encore.</dd>
</dl>
|
