Différences

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

--- web_apps [Le 29/03/2019, 16:10] – [Par les paquets] sangorys
+++ web_apps [Le 15/02/2026, 14:13] (Version actuelle) – réorganisation / +liste navigateurs krodelabestiole
@@ Ligne 1: / Ligne 1: @@
-{{tag>Xenial unity personnalisation}}
+{{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é 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]].
-Plus d'une trentaine de sites Web proposent 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//).
-   * Disposer d'une connexion à Internet configurée et activée.
+<note important>
-   * 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.
+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//.
-  * **Pour Ubuntu 12.04 :** Vous avez besoin d'installer le PPA pour web apps :
-    * [[:ppa#ajout_d_un_ppa_a_vos_sources_logicielles|Ajoutez le PPA]] **ppa:webapps/preview**((https://launchpad.net/~webapps/preview/+archive/ppa)) dans vos sources de logiciels,
-    * puis [[:tutoriel:comment_modifier_sources_maj#recharger_la_liste_des_paquets|rechargez la liste des paquets]],
-    * [[:tutoriel:comment_installer_un_paquet|Installez les paquets]] **[[apt>unity-webapps-preview]]**
-  * **Pour les versions suivaantes :** Vous avez besoin d'[[:tutoriel:comment_installer_un_paquet|installer le paquet]]  **[[apt>unity-webapps-common]]**
-===== Installation d'une web apps=====
+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).
-{{ http://i.stack.imgur.com/VnFRM.jpg?250|La boîte de dialogue d'installation d'une web apps.}}
+</note>
-==== Par un navigateur Internet ====
+===== Navigateurs =====
-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 les paquets  ====
+La plupart des [[:navigateur|navigateurs Web]] permettent de créer des **Web apps** sur Ubuntu.
-Il suffit de rechercher **unity-webapp** dans votre [[:gestionnaire de paquets]], et d'installer l'application voulue.
-==== Avec un navigateur basé sur Chromium  ====
+C'est le cas de :
-Chromium et les navigateurs compatibles ont une fonction pour transformer un site web en application. Il suffit d'appuyer sur :
+  * [[#GNOME Web]]
-  - Menu
+  * [[#Firefox]]
-  - Plus d'outils
+  * [[#Chromium]]
-  - Créer un raccourci
+  * [[:Google Chrome]]
-  - Cocher la case : Ouvrir dans une nouvelle fenetre
+  * [[:Brave]]
+  * [[:navigateur#principaux_navigateurs|Zen Browser]]
+  * [[:Vivaldi]]
+  * [[:navigateur#principaux_navigateurs|Ungoogled Chromium]]
+  * [[:navigateur#principaux_navigateurs|Floorp]]
-<note warning>Cette fonction a été supprimée de [[google_chrome|Google Chrome]] et de [[slimjet|Slimjet]] à partir de la version 70 sur Windows/Mac/Linux.  Elle reste uniquement sur Chromebook</note>
+==== GNOME Web ====
+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.
-==== Avec nativefier  ====
+==== Firefox ====
-nativefier permet de créer une application à partir d'une URL / d'un site web. L'application fonctionne avec le moteur web Electron. Plus d'information sur [[https://www.npmjs.com/package/nativefier|la page officiel de nativefier]]
-<note>il semble que la sauvegarde des données (mots de passe, ...) ne fonctionne pas à tous les coups</note>
+FIXME
-===== Utilisation =====
+[[:firefox|Mozilla Firefox]]
-Grâce à elles, vous pouvez avoir par exemple :
+==== Chromium ====
-  * 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 ;
+FIXME
-  * vos documents de Google Docs peuvent être recherchés à travers le tableau de bord.
+[[:chromium-browser|Chromium]]
-===== Désinstallation =====
+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]] :
-Pour supprimer cette application, il suffit de [[:tutoriel:comment_supprimer_un_paquet|supprimer son paquet]]. Selon la méthode choisie, la configuration globale de l'application est conservée ou supprimée. Les journaux du système, et les fichiers de préférence des utilisateurs dans leurs dossiers personnels sont toujours conservés.
+<code>flatpak override --user \
+  --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]].
+===== Flatpak =====
+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]]).
+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é)]]//.
+===== WebApp Manager  =====
+**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 =====
-  * [[https://www.npmjs.com/package/nativefier|Nativefier]] : Permettent de transformer un site web en application, fonctionne en ligne de commande et tourne sous OSX, Windows et Linux. Explication [[http://korben.info/vos-applications-web-en-applications-natives.html|ici]]
-  * [[https://forum.ubuntu-fr.org/viewtopic.php?id=1092281|Post à ce sujet]] sur le forum ubuntu.
-----
-//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]]//
+  * [[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.
-//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? »]]
+==== Alternatives ====
-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\\
+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