Créer mon gravatar

Gravatar c’est une service en line qui existe depuis maintenant 16ans l’heure à laquelle je vais cette vidéo et qui vous permet d’avoir une image de profile presque par tout, sans oublié sur code learning club.

Le problème qu’il essaie de résoudre c’est de réduire le changement des photos de profil sur internet. Généralement on te donne de mettre un avatar sur chaque site web où tu t’es inscrit

• sur GitHub
• sur Slack
• et ainsi de suite

Maintenant avec gravatar une fois une image chargé associé à l’email que vous avez utiliser pour vous inscrire sur un service ou site web qui utilise gravatar, votre photo de profil sera directement mis à jour.

C’est une merveille n’est pas 💕

Alors comment ça marche ?

1. Vous allez créer une compte sur gravatar.com
2. Vous allez ajouter un email (Un mail de vérification sera envoyé sur cette email pour valider le propriétaire par mesure de sécurité)
3. Vous allez ajouter une ou plusieurs images de profil sur gravatar
4. Vous allez associer cette image de profil avec une email et définir le niveau de sensibilité de l’image
5. Vous validez et normalement c’est bon pour la configuration !

Quelque service qui utilise

• Slack
• Discus
• SalesForce
• OpenAI
• Github
• Npm
• StackOverflow
• Atlassian (Jira)
• Trello
• Code Learning Club
• Et bien autre service encore

Comment intégrer le service dans votre application ou siteweb ?

C’est tellement simple que ma grande mère là faire pour moi une fois 🤣. Ok fini de rigolé ! Pour faire ça il faut seulement le hash MD5 de votre email et vous ajoutez le hash à la fin du lien https://www.gravatar.com/avatar/.

Disons que voici le hash d465e5d96e43627b4e64d6e2623f12ba du mail contact@codelearningclub.com.

https://www.gravatar.com/avatar/d465e5d96e43627b4e64d6e2623f12ba

Voir l’image.

Voici un code PHP

function get_gravatar_url( $email ) {
  // Trim leading and trailing whitespace from
  // an email address and force all characters
  // to lower case
  $address = strtolower(trim($email));

  // Create an MD5 hash of the final string
  $hash = md5($address);

  // Grab the actual image URL
  return 'https://www.gravatar.com/avatar/' . $hash;
}

Voici un code JavaScript

const md5 = require( 'md5' );

function getGravatarURL(email) {
  // Trim leading and trailing whitespace from
  // an email address and force all characters
  // to lower case
  const address = String(email).trim().toLowerCase();

  // Create a SHA256 hash of the final string
  const hash = md5(address);

  // Grab the actual image URL
  return `https://www.gravatar.com/avatar/${hash}`;
}

Notez que vous pouvez spéficier la query ?s=100 sur votre lien qui permet de definit la taille de l’image.

Conclusion

En gros gravatar c’est ta photo de profil sur internet.

0 Commentaire(s)