PWA et Joomla, quelqu'un a essayé ?

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • jbgjbg
    a répondu
    Merci beaucoup pour cette réponse ultra détaillée, je vais regarder à tête reposée. Je laisse pour l'instant le sujet ouvert, si ça inspire un commentaire à quelqu'un ....

    Laisser un commentaire:


  • daneel
    a répondu
    Bonjour,

    Selon mon avis, une PWA n'est pas une réelle application mais un ensemble de fonctions destiné à obtenir un résultat similaire.
    C'est un peu comme concevoir un site web autrement en incluant :
    - la consultation offline permettant de lire les pages téléchargées en dehors de connexion internet donc rapidité de chargement
    - un affichage fullscreen avec le look & feel d'une application, l'installation en prime (notamment sous android).
    - le push pour notifier ( installation script serveur via le site ou via un webservice comme onesignal )
    ...

    J'ai déjà développé des PWA on peut transformer le front ou recréer un accès front avec une API (authentification et consultation).
    C'est dans les mêmes conditions que j'ai également réussi à créer des applications hybrides (sous phonegap/cordova/ionic) donc fonctionnant sous IOS et ANDROID.

    Le seul regret, c'est les fortes limitations des PWA notamment de la part d'Apple, cela évolue bien depuis juin de l'année dernière mais pas assez vite. Par exemple, j'ai eu un mal fou à recréer un enregistreur car les fonctions étaient désactivés en pwa. (voir point 3 sur "can i use" : https://caniuse.com/#feat=stream ) donc obligé d'afficher dans le navigateur safari (donc l'url visible).

    Avec un peu de travail, on peut détecter et afficher une bannière pour inviter les personnes à "installer" la pwa (sous android) ou ajouter à leur page d'accueil (sous ios).

    Si je devais être simpliste, il s'agit d'un fichier manifest.json posé à la racine et déclaré dans les pages du sites via un plugin ou dans le template

    Code PHP:

    $document
    ->addHeadLink("manifest.json"'manifest''rel'); 
    voir : https://docs.joomla.org/Service_Workers
    exemple où comment transformer le front en pwa : https://www.pwabuilder.com/

    Après le contenu du fichier manifest, meta-données et services worker peuvent être géré en backend via un développement d'extensions.

    Il y a deux ans, Anibal Sanchez avait publié un travail à partir de workbox : https://developers.google.com/web/tools/workbox/
    https://github.com/anibalsanchez/workboxforjoomla
    C'est le cas également de Juan Sebastian de Colombie, il illustre ce que je viens d'écrire (manifest et ajout dans template) : https://github.com/JuanSeBestia/PWA_yoomla

    On peut retrouver les solutions plus complètes sur la JED mais la plus avancée (et gratuite) reste celle de Tbela99 qu'il nomme GZIP :
    https://github.com/tbela99/gzip

    En effet, on peut considérer que les fonctions de pwa augmentent la performance d'un site donc le plugin a été travaillé dans l'amélioration du front mais cela va au delà
    https://extensions.joomla.org/extension/gzip/

    Télécharger et installer la dernière release, vous pouvez utiliser la fonction "installer à partir du web" dans joomla
    puis rechercher "GZIP". Installer l'extension Gzip ( éventuellement "Http Server Timing headers" du même auteur).

    Le plugin doit être éditer pour être activé, les paramètres sont nombreux.
    https://github.com/tbela99/gzip/blob/master/README.md

    Je vous invite à étudier chaque onglet du plugin GZIP afin de vous familiariser avec tous les paramètres...
    N'oubliez pas de tester avec Lighthouse dans chrome afin de vérifier que ce soit actif. N'oubliez pas de créer votre compte sur onesignal.
    Dans l'onglet "service worker", vous pouvez modifier les paramètres du manifest, ce serait mieux de commencer par cet onglet

    En résumé, utilisez l'extension GZIP comme base de travail sur un site joomla de base pour apprendre à transformer votre front en pwa, lighthouse pour tester. Rechercher les informations existantes pour comprendre chaque élément et n'hésitez pas à partager le résultat de vos recherches.
    Je ne peux pas tout vous expliquer en une seule fois mais c'est sincèrement passionnant !!
    Ne travaillez jamais avec un site en production à moins d'être certains de comprendre ce que vous faites.

    Bon courage !
    Dernière édition par daneel à 06/09/2019, 17h33

    Laisser un commentaire:


  • jbgjbg
    a crée un sujet [Problème] PWA et Joomla, quelqu'un a essayé ?

    PWA et Joomla, quelqu'un a essayé ?

    Bonjour

    PWA - Application Web Progressive - permettrai si j'ai bien compris, de pouvoir utiliser une application sur mobile sans passer par les stores (APlle, Android qui sont payants) et en ayant un rendu responsive adapté au mobile.
    J'ai vu qu'il y avait sur GitHub https://github.com/techjoomla/joomla-pwa mais ça m'a pas l'air d'être utilisé. Quelqu'un aurait-il essayé ?
    Sinon il y a une application payante sur extension https://extensions.joomla.org/extension/progressive-web-application-pwa/ et c'est tout ce que j'ai trouvé.
    Des infos ou idées pour mettre (facilement cette fonctionnalité sur un site joomla ?

    Cordialement

Annonce

Réduire
1 sur 2 < >

C'est [Réglé] et on n'en parle plus ?

A quoi ça sert ?
La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
Comment ajouter la mention [Réglé] à votre discussion ?
1 - Aller sur votre discussion et éditer votre premier message :


2 - Cliquer sur la liste déroulante Préfixe.

3 - Choisir le préfixe [Réglé].


4 - Et voilà… votre discussion est désormais identifiée comme réglée.

2 sur 2 < >

Assistance au forum - Outil de publication d'infos de votre site

Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

UTILISER À VOS PROPRES RISQUES :
L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

Problèmes connus :
FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

Installation :

1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

Archive zip : https://github.com/AFUJ/FPA/zipball/master

2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
et remplacer www. votresite .com par votre nom de domaine


Exemples:
Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
Télécharger le script fpa-fr.php dans: /public_html/
Pour executer le script: http://www..com/fpa-fr.php

Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
Télécharger le script fpa-fr.php dans: /public_html/cms/
Pour executer le script: http://www..com/cms/fpa-fr.php

En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
Voir plus
Voir moins

Partenaire de l'association

Réduire

Hébergeur Web PlanetHoster
Travaille ...
X