Mes deux articles sur le surf anonyme : La différence entre un proxy et un VPN et ici leur test complet

Gravatar : Mise en place d’une Tag Library

Share on Pinterest

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

Commentaires

Article suivant:

Article précédent:

Recherche

Tête espion

Ci-dessous 2 extensions gratuites pour anonymiser instantanément votre séance de surf sur internet. Compatibles pour Chrome ou Firefox, elles activent un proxy gratuit sur votre navigateur web :

fleche-noire-bas

boutons-navigateurs

Mes réseaux

Lire plus :
Tweetdeck : l’agrégateur ultime de réseaux sociaux
Fermer