Guide des Ressources Statiques

Aperçu

Ce document fournit un aperçu de toutes les ressources statiques utilisées dans le projet d'intégration Optave, incluant leur objectif, leur utilisation et comment les modifier.

Les ressources statiques sont stockées dans les ressources statiques Salesforce et incluent :

• Icônes
• Images
• Bibliothèques JavaScript
• Frameworks CSS

Bibliothèques JavaScript

Nom de la Ressource	Description	Utilisation
Chart.js	Bibliothèque de graphiques	Utilisée pour la visualisation de données dans le composant insights
OptaveJavascriptSDK.js	SDK Optave	Fonctionnalité principale pour l'intégration Optave

Comment Ajouter ou Mettre à Jour les Ressources Statiques

1. Préparez votre fichier : Assurez-vous que votre fichier respecte ces exigences :

   • Icônes : 24x24px, PNG transparent
   • Images : Optimisées pour le web (compressées)
   • Bibliothèques JS : Minifiées pour la production

2. Télécharger via la Configuration Salesforce :

   • Naviguez vers Configuration > Code Personnalisé > Ressources Statiques
   • Cliquez sur le bouton "Nouveau"
   • Téléchargez votre fichier et fournissez un nom
   • Définissez le contrôle de cache (généralement "Public")

3. Via la Commande SFDX :

   sfdx force:staticresource:create -n NomRessource -p chemin/vers/fichier.png -d force-app/main/default/staticresources/

4. Mettre à jour les métadonnées de la ressource :

   • Créez un fichier .resource-meta.xml correspondant
   • Exemple :

     <?xml version="1.0" encoding="UTF-8"?>
     <StaticResource xmlns="http://soap.sforce.com/2006/04/metadata">
         <cacheControl>Private</cacheControl>
         <contentType>image/png</contentType>
     </StaticResource>

Référencer les Ressources Statiques dans les Composants

Dans les Composants LWC

// Importer la ressource statique
import myIcon from '@salesforce/resourceUrl/myIcon';

// Dans votre fichier JS
export default class MyComponent extends LightningElement {
    iconUrl = myIcon;
}

<!-- Dans votre template HTML -->
<img src={iconUrl} alt="Mon Icône">