Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web_apps [Le 12/11/2012, 00:11] – [Seconde option (12.04 et supérieur)] Kcchouette
+++ web_apps [Le 15/02/2026, 14:13] (Version actuelle) – réorganisation / +liste navigateurs krodelabestiole
@@ Ligne 1: / Ligne 1: @@
-{{tag>unity quantal}}
+{{tag>Noble web Internet logiciels}}
-----
-====== Les « web apps »  ======
+====== Web apps ======
-Lorsque vous visitez des sites Internet avec [[firefox|Mozilla Firefox]] ou [[chromium-browser|Chromium]], vous avez la possibilité de d'intégrer ces sites dans Ubuntu.
+Depuis les années 2000, les sites Internet ont évolué au point qu'il s'agit parfois aujourd'hui d'applications complètes. On parle d'ailleurs pour ces services d'//[[:web#applications Web]]//.((ou //[[wpfr>Application_web_monopage|Single Page Application]]//))
-Elles permettent à des sites Web de s'intégrer à votre poste de travail et de profiter des technologies d'Ubuntu, tels le tableau de bord, le HUD, le menu de messagerie et les listes rapides des lanceurs.
+Bien qu'on les utilise directement en ligne (elles requièrent toujours une connexion à Internet), il est possible d'intégrer ces applications Web à Ubuntu, afin les utiliser avec l'[[:environnements|environnement de bureau]] exactement comme des [[:logiciels|applications]] ordinaires, avec icônes dédiées dans le menu des applications, plutôt que seulement dans le [[:navigateur]].
-Au lancement d'Ubuntu 12.10, plus d'une trentaine de sites Web proposaient la fonctionnalité Web Apps pour intégration à Ubuntu.
+Cette technique permet d'intégrer n'importe quel service [[:Web]] au poste de travail via une icône((L'icône est généralement générée automatiquement depuis la //[[wpfr>favicon]]// du site.)) et un [[:raccourci-lanceur|lanceur]] propre, et de profiter des technologies d'Ubuntu, tels que [[:gnome-shell#le dash]], la [[:gnome-shell#vue des applications]], les menu contextuels (//Ouvrir avec...//), les notifications, etc. tout en facilitant et accélérant son ouverture par rapport à son utilisation dans un [[:navigateur]].
-===== Pré-requis =====
+On appelle cela une **//[[wpfr>Progressive web app]]//** (ou //WPA//, ou //Web app//).
-  * Utiliser Ubuntu 12.04 ou Ubuntu 12.10
+<note important>
+Les [[:web#applications Web]] sont généralement fournies par des services tiers, sur des [[:serveur|serveurs]] auxquels on n'a pas intégralement accès (hors [[:hebergement#auto-hebergement]]). On ne peut dans ce cas pas les considérer comme étant libres ou //open source//.
-  * Disposer d'une connexion à Internet configurée et activée.
+Il est donc particulièrement important de faire confiance aux prestataires qui fournissent ces services, en s'assurant de leur fiabilité et de leur respect de la vie privée (voir à ce sujet la page concernant l'//[[:Anonymat]]// : [[https://framasoft.org/fr/|Framasoft]] est par exemple un acteur de confiance).
+</note>
-  * Avoir [[:tutoriel:comment_installer_un_paquet|installé le paquet]] **[[apt>firefox|Mozilla Firefox]]** ou **[[apt>chromium-browser|Chromium]]** pour utiliser Internet et intégrer ces web apps.
+===== Navigateurs =====
-  * **Pour Ubuntu 12.04 :** Vous avez besoin d'installer le PPA pour web apps
-<code>sudo add-apt-repository ppa:webapps/preview
-sudo apt-get update && sudo apt-get install unity-webapps-preview</code>
-  * **Pour Ubuntu 12.10 :** Vous avez besoin d'installer le paquet **[[apt>unity-webapps-common]]**
+La plupart des [[:navigateur|navigateurs Web]] permettent de créer des **Web apps** sur Ubuntu.
-===== Installation d'une web apps=====
+C'est le cas de :
-{{ http://i.stack.imgur.com/VnFRM.jpg?250|La boîte de dialogue d'installation d'une web apps.}}
+  * [[#GNOME Web]]
+  * [[#Firefox]]
+  * [[#Chromium]]
+  * [[:Google Chrome]]
+  * [[:Brave]]
+  * [[:navigateur#principaux_navigateurs|Zen Browser]]
+  * [[:Vivaldi]]
+  * [[:navigateur#principaux_navigateurs|Ungoogled Chromium]]
+  * [[:navigateur#principaux_navigateurs|Floorp]]
-==== Par un navigateur Internet ====
+==== GNOME Web ====
-Pour installer une web apps, il suffit d'accéder à un des sites qui propose sa web app avec [[firefox|Mozilla FIrefox]] ou [[chromium-browser|Chromium]].
-Une boîte de dialogue s'affiche avec pour texte : //Would you like to install xxx for extra features and quicker access? // (traduction : Voulez-vous installer xxx afin d'obtenir des fonctionnalités supplémentaires et un accès plus rapide à ce site ?).
-Cliquez alors sur **install** si vous êtes d'accord.
-==== Par la logithèque Ubuntu  ====
+Pour créer des **Web apps** sur [[:GNOME]] grâce à [[:epiphany|GNOME Web]], voir le chapitre //[[:epiphany#Applications Web]]// sur sa page dédiée.
-Il suffit de rechercher **unity-webapp** dans la barre de recherche de la logithèque, et d'installer l'application voulue.
-===== Utilisation =====
-{{  http://cloudfront.omgubuntu.co.uk/wp-content/uploads/2012/07/grooveshark.jpg?250|Les web apps s'intègrent à votre environnement Ubuntu.}}
-Grâce à elles, vous pouvez avoir par exemple :
+==== Firefox ====
-  * lorsque vous êtes sur le site Last.fm et que vous écoutez une radio ou un extrait de chanson, le lecteur du site Web peut être contrôlé directement à partir du menu son ;
-  * lorsque Facebook est ouvert dans votre navigateur, des notifications de nouveaux messages apparaissent dans le menu messagerie ;
-  * vos documents de Google Docs peuvent être recherchés à travers le tableau de bord.
-    Liste des web apps existantes : [[http://bazaar.launchpad.net/~webapps/webapps-applications/trunk/files/head:/src/]]
-===== Désinstallation =====
+FIXME
+[[:firefox|Mozilla Firefox]]
-==== Première option (uniquement la 12.10) ====
+==== Chromium ====
-Allez dans la [[software-center|logithèque Ubuntu]], chercher le nom de cette web app puis désinstallée-là.
-Par exemple, pour Google Docs, chercher //unity-webapps-googledocs//.
-==== Seconde option (12.04 et supérieur) ====
+FIXME
+[[:chromium-browser|Chromium]]
-Appuyez sur Alt-F2, puis saisissez « dconf-editor ».
+Pour autoriser [[:chromium-browser|Chromium]] installé en [[:Flatpak]] à créer des **Web apps**, il est nécessaire d'[[:gerer_flatpak#configuration_et_permissions_des_applications|ajuster les permissions]] de l'application, par ex. avec [[:gerer_flatpak#flatseal|Flatseal]], ou [[:gerer_flatpak#en ligne de commande]] :
-Dans ce logiciel, aller dans **com** → **canonical** → **unity** → **webapps**.
+<code>flatpak override --user \
-Éditez dans "Allowed domain" le nom de la web app et enlevez-là !
+  --filesystem=~/.local/share/applications \
+  --filesystem=~/.local/share/icons \
+ org.chromium.Chromium
+</code>
+Remplacer ''[[https://flathub.org/fr/apps/org.chromium.Chromium|org.chromium.Chromium]]'' par ''[[https://flathub.org/fr/apps/com.google.Chrome|com.google.Chrome]]'' si on utilise plutôt ce [[:navigateur]].
-Pour éviter toutes les pop-ups de ces web apps, pour :
+===== Flatpak =====
-  * Firefox, allez dans Édition > Préférences > Général >  Desktop integration  et décochez cette case
-  * Chromium, allez dans Paramètres > Paramètres avancés > Installed Website et, de même, décochez la case.
-===== Voir aussi =====
+Des applications [[:Flatpak]] libres permettent la mise en place de **Web apps** de manière simple et sécurisée :
+  * **[[https://flathub.org/fr/apps/org.pvermeer.WebAppHub|Web App Hub]]** ([[https://github.com/pvermeer/web-app-hub|GitHub]]) permet de choisir le [[:navigateur]] à utiliser pour chaque **Web app** (qui peut être installé en [[:Flatpak]], ou en [[:deb]]).
+  * **[[https://flathub.org/fr/apps/net.codelogistics.webapps|Applications Web]]** ([[https://codeberg.org/eyekay/webapps|Codeberg]]) basé sur [[wpfr>WebKitGTK]].
+  * **[[https://flathub.org/fr/apps/dev.heppen.webapps|Quick Web Apps]]** ([[https://github.com/cosmic-utils/web-apps|GitHub]]), initialement conçu pour le bureau COSMIC de [[:distributions#Pop!_OS]].
+===== Ice =====
-----
+**Ice**(([[https://github.com/peppermintos/ice|GitHub]])) est un utilitaire permettant de créer des **Web apps** facilement. Il est issu de [[https://peppermintos.com/|Peppermint OS]] (une [[:distributions|distribution]] basée sur [[:distributions#Debian]] et [[:XFCE]]).
-//Contributeurs principaux : [[utilisateurs:Kcchouette|Kcchouette]].//
-//L'image « [[http://i.stack.imgur.com/VnFRM.jpg|Would you like to install Twitter for extra features and quicker access?]] » est sous licence CC-BY-SA 3.0, a été publiée par devav2 sur le site [[http://askubuntu.com/|askubuntu.com]]//
+Comme décrit par [[https://forum.ubuntu-fr.org/viewtopic.php?id=2040350|ce sujet]] sur le forum, il s'agit juste de récupérer le [[:deb]] de l'application ICE sur leur [[https://launchpad.net/~peppermintos/+archive/ubuntu/p10-release/+packages|page Launchpad]].\\
+Voir ensuite la documentation //[[:installer_un_paquet_deb#Installer un paquet hors dépôts (non recommandé)]]//.
-//Basé sur [[http://askubuntu.com/questions/166655/how-do-i-remove-a-website-from-ubuntus-web-applications|« How do I remove a website from Ubuntu's web applications? »]]
+===== WebApp Manager  =====
-et [[http://www.omgubuntu.co.uk/2012/07/ubuntu-unveil-new-web-apps-feature-for-12-10|« Ubuntu 12.10 to Feature Innovative Web App Integration »]] écrit par Joey-Elijah Sneddon//
+**WebApp Manager**(([[https://github.com/linuxmint/webapp-manager|GitHub]])) est un utilitaire permettant de créer aussi des **Web apps** facilement. Il est issu de [[:distributions#Linux Mint]]. Le [[:deb]] peut se télécharger ici : [[https://www.ubuntuupdates.org/package/mint_main/ulyssa/main/base/webapp-manager]].\\
+Voir ensuite la documentation //[[:installer_un_paquet_deb#Installer un paquet hors dépôts (non recommandé)]]//.
-----
+===== Voir aussi =====
+  * [[wpfr>Progressive web app]]
+  * [[:web#Applications Web]] et [[:web#Intégration au bureau]]
+  * [[:epiphany#Applications Web]] avec [[:epiphany|GNOME Web]]
+  * [[https://forum.ubuntu-fr.org/viewtopic.php?id=1092281|Post à ce sujet]] sur le forum.
+==== Alternatives ====
+Certaines solutions comme [[https://apps.gnome.org/fr/Tangram/|Tangram]] ou [[:Ferdium]] permettent aussi de centraliser des applications Web sous une interface unique (utile en particulier pour rester connecté à des services de communication variés).
+----
+//[[:Contributeurs]] : [[:utilisateurs:Kcchouette]], [[:utilisateurs:krodelabestiole]].//

Différences

Outils pour utilisateurs

Outils du site

Outils de la page

Divers