Skip to content
đź”’ WidgetsInstallation

Installation du SDK JavaScript

Pour intégrer un ou plusieurs de nos widgets dans votre application, vous devez tout d’abord installer le SDK JavaScript.

Deux environnements sont disponibles pour le SDK JavaScript : preprod et production :

<script
  src="https://v1.widgets.preprod.trusted.posos.co/js/sdk.min.js"
  type="text/javascript"
></script>

Pour vos tests en préproduction, vous devez utiliser l’environnement (env) preprod lors de l’initialisation du widget en plus de charger le SDK de preprod.

Pas besoin de cette option pour l’environnement de production, elle est par défaut à production.

Initialisation d’un widget

Une fois le SDK JavaScript chargé, le namespace Posos est exposé sur l’objet window du navigateur ou de la webview : window.Posos. Pour initialiser un widget, vous devez utiliser un selector ciblant l’élément qui va accueillir le widget ainsi qu’un paramètre contenant les options de configuration.

Voici un exemple de code permettant l’initialisation d’un widget’ :

const widget = new Posos.Widget.Prescription(
  document.querySelector("#posos-widget"),
  {
    authToken: "insert_auth_token_here", // Jeton d'authentification
    env: "preprod", // L'environnement souhaité (`production` par défaut)
  }
);

Thèmes

Les thèmes sont une façon de personnaliser l’apparence du widget. Voici la liste des thèmes disponibles :

NomDescription
pososThème par défaut, aux couleurs de Posos.
eucalyptusThème aux couleurs de l’eucalyptus.

TypeScript

Pour les utilisateurs TypeScript, nous vous recommandons de créer un fichier de définition de types global.d.ts à la racine de votre code source et d’y inclure ce bout de code :

src/global.d.ts

declare interface Window {
  Posos: any;
}
 
declare const Posos: any;

Prochaines étapes

Ces pages vous seront utiles pour continuer l’intégration