Minimum requis
Si vous êtes développeur web et souhaitez transformer un site ou une application web en une application web ouverte (Open Web App), vous avez techniquement peu de chose à faire. Les pré-requis minimums sont peu nombreux :
- Créer un manifeste d'application
- Ce manifeste d'application doit avoir une extension de fichier
.webapp
. L'en-tête HTTPContent-Type:
doit être mis à la valeurapplication/x-web-app-manifest+json
. - Publiez l'application, soit sur votre propre site, soit sur un magasin d'applications (soit les deux).. Pour publier vous-même il vous faut ajouter un peu de code à votre site pour gérer l'installation et la mise à jour de l'application depuis le navigateur de l'utilisateur.
Fonctionnalités facultatives
Philosophiquement, l'idée de réaliser une application web ouverte installable représente beaucoup plus que simplement ajouter un manifeste à votre site. Les technologies web standards peuvent être considérées comme des plateformes parfaitement aptes à recevoir des applications, il se trouve qu'elles utilisent le moteur de rendu d'un navigateur pour afficher une interface utilisateur et interpréter le code, et communiquent avec un serveur avec des protocoles web. Mozilla fournit des exécutables « Web runtime » pour les diverses plateformes, de sorte que les applications peuvent tourner dans leur propre fenêtre, hors du cadre de la fenêtre de navigation.
Transformer votre site web en application soulève de nombreuses questions spécifiques :
- Mon Application doit-elle fonctionner quand elle n'est pas connectée au Web ?
- Comment mon Application utilise les données, et doivent-elles être stockées ?
- Est-ce que mon Application peut bénéficier des dernières avancées comme Web Workers ou WebSockets ?
- Et bien d'autres...
Si vous voulez tirer le meilleur parti des applications installables, voici quelques exemples des très nombreuses possibilités qu'elles vous offrent :
- Créez un design réactif pour que votre application ait un aspect et un fonctionnement optimisés sur tous les appareils.
- Monétisez vos applications.
- Fournissez à vos utilisateurs un moyen de s'identifier.
- Activez le cache hors-connexion pour que votre application soit utilisable lorsque l'appareil n'est pas connecté à l'internet.
- Stockez les données localement en utilisant soit localStorage soit IndexedDB. Cet article (en) fait le point sur les avantages et inconvénients des diverses méthodes de stockage local.
- Lancez l'application de façon autonome (avec une icône sur le bureau ou l'écran d'accueil).
- Utilisez les API des appareils pour interagir avec la couche matérielle, comme la géolocalisation et l'orientation.
- Fournissez à l'utilisateur un moyen de vous faire part de ses commentaires. Le groupe de recherche Mozilla sur les utilisateurs a remarqué que ceux-ci voulaient faire part de leur réactions sur les applications aux développeurs et savoir qu'il y a des êtres humains qui en prendront connaissance. Ils souhaitent faire des suggestions et aider à régler des problèmes. Il risquent de cesser d'utiliser l'application s'il existe un problème et qu'aucune aide n'est apportée.
Technologies utiles
Voici quelques technologies web qui peuvent vous être utiles pour écrire des applications installables. Veuillez noter qu'aucun élément de la liste qui suit n'est spécifique aux application ouvertes !
- HTML5
- CSS
- JavaScript
- Canvas
- Ajax
- Ressources hors-ligne dans Firefox
- Stockage DOM
- IndexedDB
- Glisser-déposer