Skip to content

Guide de l'Utilisateur pour l'Intégration de la Solution iCall

Bienvenue dans ce guide de l'utilisateur qui vous montrera comment intégrer la solution iCall dans votre serveur en suivant le workflow décrit. Cette intégration se fait en deux étapes principales : la génération du plugin par l'équipe de livraison et l'intégration du code dans les pages du client.

I. Phase 1 : Génération et Déploiement du Plugin

Dans cette phase, l'équipe de livraison génère le plugin iCall selon l'identifiant du client et déploie le dossier iCallPlugin sur le serveur du client. Suivez ces étapes pour réussir cette opération :

1) Étape 1 : Génération du Plugin par l'Équipe de Livraison

  1. L'équipe de livraison génère le plugin iCall en utilisant l'identifiant du client :

  2. Après vous être assuré que node v18 et npm v9 sont installés :

  3. Téléchargez le script icall et assurez-vous que vous êtes dans son répertoire.

  4. Exécuter la commande « npm install » pour installer les packages nécessaires.

  5. Exécuter la commande « npm run buildIcall » et entrer l’identifiant client pour générer le plugin.

  6. le plugin est générer dans le répertoire précèdent : « ../iCallPlugin »

  7. Le plugin généré comprendra les fichiers nécessaires pour l'intégration.

2) Étape 2 : Accès au Serveur du Client

  1. L'équipe de livraison accède au serveur du client en utilisant un logiciel FTP (File Transfer Protocol) tel que FileZilla ou une méthode d'accès autorisée.

3) Étape 3 : Déploiement du Plugin sur le Serveur

  1. Naviguez jusqu'à la racine du site web du client sur le serveur. 2. Placez le dossier iCallPlugin généré précédemment, qui contient les fichiers du plugin, dans la racine du site web.

II. Phase 2 : Intégration du Code dans les Pages du Client

Dans cette phase, nous allons vous montrer comment intégrer le plugin iCall dans les pages du client. Suivez ces étapes pour réussir l'intégration :

1) Étape 1 : Ajout des Codes dans la Partie Head des Pages

  1. Ouvrez le fichier HTML de la page web où vous souhaitez intégrer iCall en utilisant un éditeur de texte ou d'un éditeur de code.

  2. Dans la section <head> de la page, ajoutez les lignes suivantes pour inclure les fichiers JavaScript et CSS nécessaires :

<script type="module" crossorigin src="/iCallPlugin/js/iCall.js"></script>

<link rel="stylesheet" href="/iCallPlugin/assets/iCall.css">

2) Étape 2 : Ajout du Code dans le Body des Pages

  1. Toujours dans le fichier HTML de la page, placez le code suivant dans la partie <body> où vous souhaitez intégrer iCall. Par exemple, à l'intérieur d'une <div> avec l'ID "root" :
<div id="root"></div>

<script type="module" crossorigin src="/iCallPlugin/js/iCall.js">

import React from 'react';

import ReactDOM from 'react-dom';

import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

</script>

3) Étape 3 : Personnalisation (Optionnelle)

  1. Si nécessaire, personnalisez les paramètres des codes d'intégration pour correspondre aux besoins spécifiques du client en suivant la documentation fournie par iCall.

Votre intégration de iCall est maintenant complète dans les pages du client.

Si vous avez d'autres pages où vous souhaitez intégrer iCall, répétez les étapes 1 et 2 de la Phase 2 pour chaque page concernée.