Créez la Chrome Web App d'un site en 5min

Magzine Chrome Web App

Il y a quelques temps je vous expliquais comment rendre votre cher navigateur Google Chrome compatible aux Chrome Web Apps. Aujourd’hui je vais vous réaliser un petit tuto sur la manière de transformer n’importe quel blog ou site web en Chrome Web App.

Vous pourrez ainsi profiter des avantages d’une Web App pour vos lectures courantes ;-).

Pour créer une Web App vous avez besoin de 3 fichiers que vous allez mettre dans le répertoire dédié à votre application :

  • une icône du site au format PNG et de taille 24×24 pixels.
  • une icône du site au format PNG et de taille 128×128 pixels.
  • un fichier texte nommé manifest.json qui contient la description de votre application.

Le fichier manifest.json doit contenir les lignes suivantes (à modifier en fonction de votre application) :

{
"name": "MaG'zine.biz",
"version": "1",
"icons": {
"128": "magzinebiz_128.png",
"24": "magzinebiz_24.png"
},
"permissions": [ "notifications" ],
"app": {
"launch": {
"web_url": "http://www.magzine.biz/"
}
}
}

Pour installer votre Web App il vous suffit, dans Google Chrome, de cliquer sur l’icône en forme de clé à molette puis d’aller dans le menu Outils -> Extensions (ou entrez chrome://extensions/ dans la barre d’adresse).

Dans la nouvelle page cliquez sur le lien « Mode développeur » en haut à droite puis sur le bouton « Charger l’extensions non empaquetée… » et sélectionnez le répertoire de votre application et enfin validez.

Magzine.biz Chrome Web App

Vous allez alors la voir apparaître en haut de votre liste d’extensions.

Si tout va bien vous devriez arriver sur le site web de votre choix en cliquant sur l’icône de votre application.

Magzine.biz Chrome Web App

Pour finir nous allons empaqueter l’application afin qu’elle puisse être distribuée et mise à disposition des autres sur la Chrome Web Store quand celle-ci sera ouverte.

Sur la page des extensions cliquez sur le bouton « Empaqueter l’extension… ». Sélectionnez le répertoire de votre application et validez (le second champ n’est pas obligatoire). 2 fichiers sont alors créés à côté de ce répertoire : un .pem (la clé privée si vous souhaitez crypter l’application) et un .crx qui est le package de votre application.

Vous pouvez maintenant distribuer le .crx de votre application pour en faire profiter les autres :-). Pour l’installer je vous renvoie à mon autre post qui explique la procédure.

Et je suis donc fière de vous présenter celle de MaG’zine.biz, téléchargeable en cliquant sur la bannière ci-dessous ou à partir du menu à droite 🙂

Chrome Web App de MaG'zine.biz

Source : blog.nicolargo.com

Publicités

À propos de marinemat15

Diplômée ingénieure en informatique, j'aime particulièrement les technologies web et mobile. Je partage mes centres d'intérêt (high-tech, Android, linux et l'open source...) sur les réseaux sociaux (Twitter, Google ) et sur ce blog :-). Et quand je ne suis pas devant l'écran, je roule en moto !

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :