Logo Des Geeks et des lettres

Vous cherchez à surfer sur internet de manière anonyme ? Sur Des Geeks et des lettres nous vous conseillons le VPN Hide My Ass (voir ici notre test)

Gravatar : Mise en place d’une Tag Library

Dans “Gravatar” il y a le mot “Avatar”, en disant ça tout est dit, ce service propose à n’importe qui de lier une image à une adresse email, généralement une image de profil représentant la personne physique liée à une adresse email virtuelle (avatar).

Lorsque cette adresse email sera utilisée dans un blog ou forum au moment de la saisie d’un commentaire par exemple (un plug-in Gravatar est disponible sur la plupart des moteurs de blog connus), l’image “gravatar” associée à cette adresse email sera affichée automatiquement à côté de ce commentaire.

Pratique non ? plus besoin d’avoir à gérer sur chaque blog ou forum son avatar, l’adresse email suffit à présent.

J’ai voulu utiliser ce mécanisme sur mon site perso sur Magic l’Assemblée, au niveau des commentaires de cartes et de decks, c’est à présent chose faite (voici un exemple en dépliant le bloc “Commentaires” en bas), et voici ce que j’ai du faire pour en arriver à ce résultat.

Comment ça marche ?

Le mécanisme mis en place par gravatar pour afficher une image à partir d’une adresse email est simple, il suffit d’utiliser la balise HTML <img/> et d’y mettre en attribut “src” une url gravatar avec l’adresse email concernée, cela pourrait se traduire de la façon suivante :

Toutefois, pour éviter le spam, les adresses e-mail sont hachées avec la fonction de cryptage MD5. Cela empêche les robots de récupérer les adresses emails en clair dans le code source de la page.

Voici donc véritablement à quoi ressemble le code HTML qui permet d’afficher l’image gravatar liée à une adresse email.

Un avatar peut avoir des dimensions allant jusqu’à 512 pixels, il est toujours carré, et fait 80 pixels de côté par défaut. Si l’email n’est associé à aucun compte gravatar, une image par défaut apparaîtra.

Tag Library

Les pages de mon site étant des JSP, c’est tout naturellement que je me suis penché du côté d’une taglib pour automatiser la génération du code présenté ci-dessus, cependant aucune taglib officielle n’existe.

Etant simple à écrire, voici le code qui m’a permis de réaliser cette “taglib gravatar maison” en s’inspirant de bouts de code par ci par là.

  • Fichier de descripteur gravatar.tld

  • Fichier web.xml

  • Classe fr.mtg.supremacy.taglib.GravatarImageTag

On notera au passage l’utilisation de la bibliothèque d’Apache Commons Codec (classe DigestUtils) qui nous permet en une ligne d’obtenir le hash MD5 de l’email.

  • Utilisation dans une JSP

{ 3 commentaires… J’ajoute le mien }

  • Mimie 23 novembre 2011, 14 02

    Ça n’a pas l’air de passionner les foules mais à priori il existait déjà une taglib non-officielle : http://www.servletsuite.com/servlets/gravatartag.htm, à vous de choisir ^^

    Discutez
  • Videobuzzy 26 novembre 2011, 15 03

    Ce service est quand meme très pratique et c’est vrai qu’en france il n’est pas très connu et pas très utilisé, c’est bien domage car c’est vraiment simple et pratique

    Discutez
  • Julien 30 novembre 2011, 17 05

    C’est bon ça !

    Discutez

Vos participations


7 − quatre =

Article suivant:

Article précédent:

Coup de pouce

Recherche

Derniers Commentaires

  • Greg { Ah ok tu me rassures :) } – 16 nov, 22:20
  • Mimie { oui biensûr ^^ } – 16 nov, 22:19
  • Greg { Tu as gardé le nom de domaine ? } – 16 nov, 22:13
  • Mimie { Ouep ... dur ... Justement je me remets à coder là, objectif fin février magicsupremacy2... } – 16 nov, 22:12
  • Greg { Du coup, avec la fermeture de ton site on peut plus voir les cartes sur... } – 16 nov, 21:31
  • Greg { Sympa ce format Phantom pour tester un nouveau set par exemple. } – 16 nov, 21:28
  • Simon { Bonjour, j'ai un petit problème. Ce script est mal du tout, mais la barre est... } – 12 nov, 15:58
  • Greg { D'après moi le VPN devrait fonctionner avec n'importe quel opérateur, si d'autres ont des réponses... } – 07 nov, 7:27
  • { J'ai compris. Mais maintenant je suis en train de décider quel fournisseur je dois choisir... } – 07 nov, 0:04