Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
web_apps [Le 01/02/2023, 03:59] – [Avec Ice] Correction d'une typo Benjamin Loisonweb_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]] ordinairesavec icônes dédiées dans le menu des applicationsplutô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'Ubuntutels le tableau de bord, le HUD, le menu de messagerie et les listes rapides des lanceurs+
  
-===== Avec Ice  ===== +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]].
-Ice est un utilitaire permettant de créer des Web-App facilementIl est issu de Peppermint OS.+
  
-Comme décrit ici : [[https://forum.ubuntu-fr.org/viewtopic.php?id=2040350]], il s'agit juste de récupérer le .deb de l'application ICE sur leur page launchpad [[https://launchpad.net/~peppermintos/+archive/ubuntu/p10-release/+packages]].+On appelle cela une **//[[wpfr>Progressive web app]]//** (ou //WPA//, ou //Web app//).
  
-Installation avec gdebi ou gnome-logiciel.+<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//.
  
-===== Avec Web App Manager  ===== +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). 
-Web App Manager est un utilitaire permettant de créer aussi des Wab-App facilement. Il est issu de Linux Mint.Le .deb peut se télécharger ici : [[https://ubuntuupdates.org/package/mint_main/ulyssa/main/base/webapp-manager]]+</note>
  
-===== Avec Nativefier  =====+===== Navigateurs =====
  
-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]]+La plupart des [[:navigateur|navigateurs Web]] permettent de créer des **Web apps** sur Ubuntu.
  
-<note>il semble que la sauvegarde des données (mots de passe, ...) ne fonctionne pas à tous les coups</note>+C'est le cas de 
 +  * [[#GNOME Web]] 
 +  * [[#Firefox]] 
 +  * [[#Chromium]] 
 +  * [[:Google Chrome]] 
 +  * [[:Brave]] 
 +  * [[:navigateur#principaux_navigateurs|Zen Browser]] 
 +  * [[:Vivaldi]] 
 +  * [[:navigateur#principaux_navigateurs|Ungoogled Chromium]] 
 +  * [[:navigateur#principaux_navigateurs|Floorp]]
  
 +==== GNOME Web ====
  
-===== Utilisation =====+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. 
 + 
 +==== Firefox ==== 
 + 
 +FIXME 
 +[[:firefox|Mozilla Firefox]] 
 + 
 +==== Chromium ==== 
 + 
 +FIXME 
 +[[:chromium-browser|Chromium]] 
 + 
 +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 ===== 
 + 
 +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 ===== ===== 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]].// 
  
 +  * [[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]].//