Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - nanogallery2 avec images entreposées chez Google
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Sujet ferménanogallery2 avec images entreposées chez Google

 Répondre Répondre Page  123>
Auteur
Message
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 4572
Lien Direct à ce Post Sujet: nanogallery2 avec images entreposées chez Google
    Envoyé : 10 Mar 2017 à 14:17
Ce tutoriel ne fonctionne plus à cause de changements chez Google,  leur gestion 
des applications étant constamment modifiée et en développement.


nanogallery2


Application créée par Kris_BB permettant d'afficher une galerie de photo à partir d'images locales ou d'images entreposées sur flickr ou Google Photos/Google+ storage.

Depuis le 9 février 2017, pour des raisons évidentes, Google Photos ne peut plus être consulté sans l'autorisation explicite du propriétaire du compte.  L'autorisation permanente n'est possible que pour les applications côté serveur.

Pour répondre à cet état de fait, l'auteur de nanogallery2 a développé une méthode et un outil côté serveur.  Il s'agit de nanogp.

nanogp


L'application nanogp écrite en php ne fonctionne qu'à partir de votre hébergement. Donc la galerie de photos ne fonctionnera pas en mode de pré-visualisation.

Voici donc une traduction libre de la marche à suivre pour configurer votre compte Google+ et pour utiliser nanoGALLERY2 avec OpenElement.

  1. Téléchargez l'application, vous obtiendrez un fichier nommé: nanogp-master.zip.
  2. Copiez le dossier nanogp-master.zip\nanogp-master\dist à la racine de votre site.
  3. Dans le répertoire \dist\admin vous trouverez le fichier config.php à l'intérieur duquel il faut renseigner les variables $cfg_client_id et $cfg_client_secret.

Maintenant que vous avez l'application serveur pour diffuser vos photos, cette dernière doit être autorisée à leur accéder.

Autorisation d'accès Google

  1. Connectez à la console google avec le compte possédant les photos visées

    https://console.developers.google.com/iam-admin/projects

  2. Créez un projet




  3. Donnez-lui un nom significatif



    Le projet est maintenant créé



  4. Accédez à la bibliothèque des API

    https://console.developers.google.com/apis


    Sélectionnez votre projet dans la bibliothèque



  5. Créez un identifiant



  6. Renseignez l'identifiant




  7. Vous obtiendrez alors les deux clés requises pour renseigner les variables $cfg_client_id et $cfg_client_secret du fichier  \dist\admin\config.php



    <?php
    $cfg_client_id          = 'Votre ID client';
    $cfg_client_secret      = 'Votre code secret client';
    $cfg_application_name   = 'nanogallery2gp';
    $cfg_max_accounts       = 1;
    $cfg_log                = false;
    ?>



  8. C'est maintenant le temps de valider que tout a bien fonctionné.  Mettez votre projet en ligne puis accédez à la page http://www.mondomaine.com/nanogp/authorize.php avec votre fureteur favori.

    Vous verrez apparaître une demande de confirmation que vous vous empresserez d'approuver.



    Si vous avez bien suivi les instructions vous aurez cette joyeuse confirmation de la part de Google.

nanogallery2

Nous y sommes enfin, vous pouvez installer nanogallery2

Tout d'abord téléchargez l'application du site de l'auteur: http://nanogallery2.nanostudio.org/

Créez un dossier nanogallery2 à la racine de votre site et copiez-y le contenu du dossier 
nanogallery2-1.1.0.zip\nanogallery2-1.1.0\dist inclus dans le fichier téléchargé.

Dans OpenElement, ouvrez la page qui affichera la galerie.

Insérez un bloc de code HTML en position header et ajoutez-y le bloc de code suivant:

<link href="nanogallery2/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="nanogallery2/jquery.nanogallery2.min.js"></script>


Sur votre page WEB.

Insérez un panneau d'éléments.
Donnez-lui la largeur désirée, un pourcentage de la largeur de l'écran pour être responsive.
Mettez la hauteur:auto.
Insérez et centrez un bloc de code visuel de largeur 100% dans lequel vous ajouterez le code suivant:


<div id=mynanogalery4 data-nanogallery2='{
"userID": "1XXXXXXXXXXXXXXXXX6",
"kind": "google2",
"google2URL": "http://www.MonDomaine.com/nanogp/nanogp.php",
"albumList2": ["Essai","Gaspésie Rocher Percé et île Bonaventure","Essai partage", "test deux", "test 3", "Test nano galerie"],
"breadcrumbAutoHideTopLevel": false,
"thumbnailHeight":200,
"thumbnailWidth": "auto",
"thumbnailHoverEffect2": "scale120|labelAppear"
}' >
</div>

Notes:
  1. Votre UserID est disponible dans l'URL affiché quand vous cliquez sur profil dans Google+.  Si vous ne vous y retrouvez pas: vidéo
  2. La liste des albums est celle des albums auxquels vous désirez donner accès.
  3. Pour plus d'options ou pour personnaliser votre affichage référez-vous au site de l'auteur de nanogallery2
  4. Si vous utilisez, disons une largeur de 80% de l'écran, il serait judicieux d'utiliser les "media queries" pour l'ajuster à 100% sur les petits appareils.




Version originale du tuto 10 mars 2017 par Hobby001
Détails sur le panneau d'éléments contenant la galerie. 06  juin 2017 par Hobby001
Changement d'URL pour nanogp





Edité par Hobby001 - 13 Juil 2017 à 00:21
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros. http://denislafrance.net/
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 9337
Lien Direct à ce Post Envoyé : 15 Avr 2017 à 14:05
Très clair Hobby001, top même je dirais. Clap
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2078
Lien Direct à ce Post Envoyé : 16 Avr 2017 à 09:26
Tout ça me parait très intéressant et facile à mettre en oeuvre expliqué de la sorte Thumbs Up

Merci Hobby001 Beer
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 4552
Lien Direct à ce Post Envoyé : 16 Avr 2017 à 09:46
Il y a un petit truc qui m'échappe, je n'ai rien changé depuis février et mon album est toujours visible sur mon site.
Les Billets d'une Bobonne Bougonne Gîte Le Vicus www.de-troyer.be - www.gites-durbuy.be
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 4572
Lien Direct à ce Post Envoyé : 16 Avr 2017 à 15:15
Message posté par Bridet Bridet a écrit:

Il y a un petit truc qui m'échappe, je n'ai rien changé depuis février et mon album est toujours visible sur mon site.

En fait ce qui fonctionnait avant, fonctionne toujours.  Les droits déjà accordés restent accordés.

Ce tuto fonctionne pour les nouvelles installations.


Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 4572
Lien Direct à ce Post Envoyé : 06 Juin 2017 à 12:44
Ajout de détails sur le panneau d'éléments contenant la galerie dans le tuto

Edité par Hobby001 - 06 Juin 2017 à 12:52
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros. http://denislafrance.net/
Haut de la page
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 535
Lien Direct à ce Post Envoyé : 10 Juil 2017 à 14:23
Bonjour Hobby001,
J'essaie la nouvelle procédure de google+.
Au début du tuto, vous indiquez :
  1. Téléchargez l'application, vous obtiendrez un fichier nommé: nanogp-master.zip.
Je ne trouve pas ce téléchargement.
Je me suis donc servi du répertoire nanogp que j'avais installé avec la version "nanogallery" antérieure.
Par ailleurs, lorsque je lance en ligne ma page d'album, j'ai un message d'erreur suivant :
"nanogallery2: error: no image to process. [mynanogalery4]".

Merci d'avance de votre aide.
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 4572
Lien Direct à ce Post Envoyé : 10 Juil 2017 à 14:29
Je vérifie pour nanogp.

Assurez-vous de bien transférer vos images avec FileZilla ou avec l'utilitaire de OE.  Attention, elles ne seront pas transférées automatiquement parce qu'elles ne sont pas incluses dans un élément "Image" d'OE.

Erreur de ma part j'ai répondu trop vite pour les photos


Edité par Hobby001 - 10 Juil 2017 à 14:40
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros. http://denislafrance.net/
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 4572
Lien Direct à ce Post Envoyé : 10 Juil 2017 à 14:32
Nanogp est disponible sur https://github.com/nanostudio-org/nanogp
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros. http://denislafrance.net/
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 4572
Lien Direct à ce Post Envoyé : 10 Juil 2017 à 14:37
Attention, l'auteur y a ajouté une mise en garde concernant la nécessité d'utiliser un compte Google dédié pour des raisons de sécurité.
Quand on veut mettre quelque chose en ligne, on se fait prendre par quelque chose de gros. http://denislafrance.net/
Haut de la page
 Répondre Répondre Page  123>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,047 secondes.
Acheter votre vélo en ligne