Différences

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

--- web_apps [Le 29/03/2019, 16:18] – 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 :
+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]].
-  * s'intégrer à votre poste de travail via une icone propre et non à l’intérieur d'un navigateur
-  * de profiter des technologies d'Ubuntu, tels le tableau de bord, le HUD, le menu de messagerie et les listes rapides des lanceurs
-Parmi les solutions proposées ici, unity-webapp permet de mieux intégrer les applications à 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]].
-===== Avec unity-webapp =====
+On appelle cela une **//[[wpfr>Progressive web app]]//** (ou //WPA//, ou //Web app//).
-Plus d'une trentaine de sites Web proposent cette fonctionnalité Web Apps pour intégration à Ubuntu.
-==== Pré-requis ====
+<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).
-   * 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.
+</note>
-  * **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 par navigateur Internet====
+===== Navigateurs =====
-{{ http://i.stack.imgur.com/VnFRM.jpg?250|La boîte de dialogue d'installation d'une web apps.}}
-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]].
+La plupart des [[:navigateur|navigateurs Web]] permettent de créer des **Web apps** sur Ubuntu.
-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.
-==== Installation par les paquets  ====
+C'est le cas de :
-Il suffit de rechercher **unity-webapp** dans votre [[:gestionnaire de paquets]], et d'installer l'application voulue.
+  * [[#GNOME Web]]
+  * [[#Firefox]]
+  * [[#Chromium]]
+  * [[:Google Chrome]]
+  * [[:Brave]]
+  * [[:navigateur#principaux_navigateurs|Zen Browser]]
+  * [[:Vivaldi]]
+  * [[:navigateur#principaux_navigateurs|Ungoogled Chromium]]
+  * [[:navigateur#principaux_navigateurs|Floorp]]
-==== Désinstallation de unity-webapp====
+==== GNOME Web ====
-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.
+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 un navigateur basé sur Chromium  =====
+==== Firefox ====
-Chromium et les navigateurs compatibles ont une fonction pour transformer un site web en application. Il suffit d'appuyer sur :
-  - Menu
-  - Plus d'outils
-  - Créer un raccourci
-  - Cocher la case : Ouvrir dans une nouvelle fenetre
-<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>
+FIXME
+[[:firefox|Mozilla Firefox]]
+==== Chromium ====
-===== Avec nativefier  =====
+FIXME
-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]]
+[[:chromium-browser|Chromium]]
-<note>il semble que la sauvegarde des données (mots de passe, ...) ne fonctionne pas à tous les coups</note>
+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]] :
+<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 =====
-===== Utilisation =====
+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é)]]//.
-Grâce à elles, vous pouvez avoir par exemple :
-  * 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.
 ===== 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