Comment puis-je mettre une application Web sur le lanceur?

Parfois, je vois des images de captures d'écran avec des personnes avec des applications Web et de jolies icônes sur leur lanceur. Comment puis-je configurer cela?

Ubuntu a cette fonctionnalité intégrée, voir:

• Comment utiliser l'intégration d'applications Web Ubuntu?

Vous pouvez également utiliser l'approche d'intégration Webapp plus traditionnelle:

Comme ils peuvent prendre beaucoup de temps si vous utilisez plusieurs applications Web, j'ai créé un dossier "Applications Web" dans lequel je les conserve, car il me faut également un emplacement pour y placer l'icône. Je synchronise ce dossier avec Ubuntu One afin que, lors de la réinstallation ou de nouveaux ordinateurs, mes applications soient prêtes à l'emploi avec les icônes haute résolution.

Dans Chrome Navigateur ou Google Chrome, vous pouvez le faire en accédant au site Web que vous souhaitez transformer en application. En cliquant sur l'icône de la clé à molette et sélectionnez Outils -> Créer des raccourcis d'applications:

Ensuite, sélectionnez Bureau pour créer un raccourci sur votre bureau:

Vous pouvez également sélectionner "Menu Applications" dans le raccourci Créer une application, cela le mettra dans le tableau de bord pour vous, ce qui est pratique pour vous permettre d'utiliser la fonction de recherche pour lancer le raccourci, mais la plupart des favicons des sites Web ne s'adaptent pas très bien. alors ils ont l'air moche. Donc, au lieu de cela, je fais ceci pour améliorer l'application:

Puis déplacez-le dans ce dossier "Applications Web" ou à tout autre endroit où vous souhaitez le conserver:

Téléchargez une version élégante de l'icône qui est belle. Je recommande le groupe Fluid sur Flickr . Téléchargez l'icône dans le dossier, cliquez avec le bouton droit de la souris sur le raccourci et sélectionnez Propriétés:

Faites glisser et déposez l'icône plus agréable dans la zone d'icônes du raccourci, remplaçant l'icône basse résolution par la nouvelle:

Glissez et déposez la nouvelle icône de slick directement sur le lanceur pour l'effet final:

Et l'effet final:

Vous créez une icône de lanceur (signifiant un .desktopfichier) qui dit Exec=firefox www.askubuntu.comet faites-la glisser vers le lanceur. Donc, commencez par créer un fichier vide et collez le contenu suivant:

[Desktop Entry]
Name=Ask Ubuntu
Comment=Open Ask Ubuntu in firefox
Exec=firefox www.askubuntu.com
Icon=network
Terminal=false
Type=Application
StartupNotify=true
Categories=GNOME;
OnlyShowIn=GNOME;Unity;
X-GNOME-Keywords=Network;AskUbuntu;
Name[en_US]=AskUbuntu

Ensuite, renommez le fichier epmty somename.desktopen " askubuntu.desktop" serait un nom approprié. Maintenant, utilisez la souris pour le graver sur votre lanceur et vous êtes bon.

Ce n'est pas nécessaire mais avant de le faire glisser vers le lanceur, vous pouvez le right-click on it, go to Properties->Permissions->Allow executing file as programfaire pour que l'icône du lanceur soit visible!

Si vous supprimez le fichier * .desktop, l’icône disparaîtra de votre lanceur. L'emplacement habituel pour stocker ces fichiers est ~ / .local / share / applications /.

Actuellement, il existe deux manières préférées de le faire. Dans Ubuntu 12.04, vous pouvez utiliser l’aperçu des applications Web officielles Ubuntu en l’installant à partir d’un PPA (fourni par défaut avec 12.10).

sudo add-apt-repository ppa:webapps/preview
sudo apt-get update && sudo apt-get install unity-webapps-preview

Cela ne fonctionne que pour les sites Web pris en charge (actuellement environ 40 ). Lorsque vous visitez le site avec Firefox, il vous sera demandé si vous souhaitez l'intégrer à Ubuntu.

L'autre solution consiste à utiliser Fogger , le lauréat du prix Ubuntu App Showdown. Installez simplement le paquet fogger à partir du centre logiciel.

Les deux options sont meilleures que les fonctionnalités habituelles de Firefox Prism et Chrome relatives à la navigation spécifique au site (ssb), car elles permettent une intégration complète avec Ubuntu. Cela comprend le menu de lancement, le HUD, les indicateurs et les notifications.

Si vous utilisez la dernière version de Chromium (> 11.0.696.57), cela fonctionne désormais avec Unity. Créez l’application à partir de Chrome, puis faites-la glisser vers la barre Unity. Cela fonctionne sur 11.04

Je pense que c'est une bonne pratique de créer un profil Chromium différent pour chaque application. Vos applications s'exécuteront plus rapidement car les extensions installées dans le profil par défaut ne sont pas exécutées. Vous pouvez également installer des extensions spécifiques à votre application qui ne s'exécutent pas dans vos instances de chrome par défaut.

Si vous souhaitez exécuter vos applications avec un profil différent, procédez comme suit:

1. Créez un nouveau répertoire de profil:

   mkdir ~/.config/NAME_OF_APP
   

2. Cliquez avec le bouton droit sur le raccourci vers votre application sur votre bureau.

3. Ajouter

   --user-data-dir=~/.config/NAME_OF_APP
   

à la commande et à proximité.

Si cela ne fonctionne pas, procédez comme suit:

1. Créez un nouveau répertoire de profil:

   mkdir ~/.config/NAME_OF_APP
   

2. Cliquez avec le bouton droit sur le raccourci vers votre application sur votre bureau.

3. Ajouter

   --user-data-dir=--user-data-dir=~/.config/NAME_OF_APP
   

à la commande et à proximité.

Je suis d'accord avec @ con-f-use pour dire qu'un fichier .desktop est la voie à suivre, mais je suggérerais d'utiliser webapp-container, qui est conçu à cet effet, plutôt que Firefox. Voici mon exemple, tiré d'un projet Web App Ubuntu SDK :

[Desktop Entry]
Comment[en_US]=webapp for WorkFlowy
Comment=webapp for WorkFlowy
Exec=webapp-container --store-session-cookies --webappUrlPatterns=https?://workflowy.com/* http://workflowy.com %u
GenericName[en_US]=
GenericName=
Icon=/home/CORP.INSTRUCTURE.COM/banderson/Pictures/WorkFlowy.png
MimeType=
Name=WorkFlowy
Path=
StartupNotify=true
Terminal=false
TerminalOptions=
Type=Application
X-DBUS-ServiceName=
X-DBUS-StartupType=
X-KDE-SubstituteUID=false
X-KDE-Username=
X-Ubuntu-Touch=true

Pour créer le raccourci, créez simplement un fichier exécutable dans le dossier de votre bureau nommé quelque chose comme WorkFlowy.desktopet collez-le dans ce contenu.

Applications Web progressives (PWA)

Si vous avez un PWA, c'est beaucoup plus facile. Une façon que j'ai trouvée ici est par exemple:

1. Installez PWAify :npm install -g pwaify
2. Générer les binaires avec électronique : pwaify https://voice-memos.appspot.com/ --platforms=linux, ou quel que soit votre URL PWA est.
3. Allez dans le sous-dossier et lancez l'application.

C'est ça.