• Accueil / Salesforce / Gravatar – Composant…
, Gravatar &#8211; Composant Web Lightning réutilisable &#8211; Blog de Jitendra Zaa<span class="wtr-time-wrap after-title"><span class="wtr-time-number">2</span> minutes de lecture</span>

Gravatar – Composant Web Lightning réutilisable – Blog de Jitendra Zaa2 minutes de lecture


Évitez de demander à vos utilisateurs de télécharger des photos – Utilisez un avatar reconnu mondialement, un composant Web Lightning réutilisable

, Gravatar &#8211; Composant Web Lightning réutilisable &#8211; Blog de Jitendra Zaa<span class="wtr-time-wrap after-title"><span class="wtr-time-number">2</span> minutes de lecture</span>

Ne serait-il pas formidable que nous puissions utiliser l’avatar existant de l’utilisateur sur la base de l’identifiant de messagerie au lieu de demander à l’utilisateur de télécharger sa photo de profil?

Gravatar est un avatar mondialement reconnu utilisé par des millions d’utilisateurs et de nombreux sites Web comme WordPress, github, stackoverflow, etc.

Cliquez ici pour une démonstration en direct – Composant Gravatar sur la communauté publique

Dans cet article, nous créerions un composant Lightning réutilisable qui recevrait en dessous de trois paramètres pour construire un avatar

  1. Adresse e-mail pour rendre l’avatar
  2. Taille de l’avatar
  3. L’image doit-elle être rendue comme un coin arrondi

Gravatar aurait besoin de l’équivalent MD5 de l’adresse e-mail. Il n’y a pas de bibliothèque Javascript native pour calculer le hachage MD5, soit nous devons utiliser la bibliothèque Javascript, soit nous pouvons utiliser Apex pour calculer MD5 en utilisant crypto classe. J’ai préféré la classe Apex au lieu de toute autre bibliothèque, comme illustré ci-dessous

Classe Apex – Utilisation de la classe Crypto pour générer un condensé MD5 équivalent à un e-mail

Composant Web Lightning [LWC] pour Gravatar

Définition des propriétés du composant Web Lightning à utiliser sur le générateur d’applications ou la communauté

Assurez-vous d’ajouter une cible foudreCommunauté__Défaut de même que foudreCommunauté__Page si ce LWC est censé être utilisé sur Community. Sinon, vous recevrez une erreur ci-dessous

La balise « propriété » n’est pas prise en charge pour lightningCommunity__Page

utilisez lightningCommunity__Default pour autoriser la configuration d’une propriété dans Community

De plus, si ci-dessus LWC est censé être utilisé sur la communauté Lightning, nous devons ajouter l’hôte Gravatar dans le site Web de confiance de la politique de sécurité du contenu, sinon nous obtiendrions une erreur.

L’accès aux ressources depuis un hôte externe non approuvé enfreint votre politique de sécurité du contenu (CSP). Pour accéder à ces ressources, essayez d’ajouter l’hôte à la liste blanche dans les sites de confiance CSP dans la configuration de Salesforce.

Composant de démonstration pour montrer comment utiliser Gravatar

Vous n’auriez pas besoin d’un composant de démonstration aussi avancé que celui-ci. J’ai créé ce composant pour présenter

  1. Aperçu en direct du composant LWC
  2. Comment fonctionne la liaison dans LWC [Hint – its not as easy as aura, you would need events]]



Source de l’article traduit automatiquement en Français

Besoin d'aide ?
Voulez-vous utiliser Pardot à sa capacité maximale et avoir
+ DE LEADS QUALIFIÉS

Notre analyse de votre Pardot offerte dès aujourd'hui
Merci, vous pouvez compléter notre questionnaire
Nous allons revenir vers vous rapidement !

Fermer