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 :
| Nom | Description |
|---|---|
posos | Thème par défaut, aux couleurs de Posos. |
eucalyptus | Thè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