Comment utiliser une API de chat avec JavaScript

Dans ce tutoriel, nous allons vous montrer comment intégrer rapidement une API Chat dans votre application JavaScript.

Que vous créiez une fonction de support client, un système de messagerie en direct ou un outil de collaboration d'équipe, l'ajout d'une fonctionnalité de chat en temps réel peut considérablement améliorer votre application.

Nous vous expliquerons les étapes de configuration de l'API, de rédaction du code JavaScript nécessaire et de personnalisation de l'expérience de chat en fonction de vos besoins. À la fin, vous serez prêt à ajouter des fonctionnalités de messagerie interactives et fluides à votre application en un rien de temps !

‍

Qu'est-ce qu'un API de chat?

UNE API de chat active la fonctionnalité de messagerie en temps réel au sein des applications, permettant aux utilisateurs d'envoyer et de recevoir du texte, du contenu multimédia et du contenu interactif.

Il prend en charge des fonctionnalités telles que la gestion des utilisateurs, l'intégration des robots, les notifications push et le cryptage pour une communication sécurisée.

Idéale pour le support client, les applications sociales, la collaboration en équipe et le commerce électronique, une API de chat permet d'intégrer de manière fluide les fonctionnalités de chat sur plusieurs plateformes, améliorant ainsi l'interaction et l'engagement des utilisateurs dans votre application.

‍

Étapes pour intégrer l'API de chat à l'aide d'Eden AI

‍

Créez votre compte Eden AI

1. Inscrivez-vous : Si vous n'avez pas de Compte Eden AI, inscrivez-vous gratuitement via le lien fourni pour obtenir votre clé API, qui vous donne accès à une gamme de services d'IA, notamment AI Image Generatio

2. Accédez aux outils génératifs : Une fois connecté, rendez-vous dans la section Generative AI de la plateforme.
3. Choisissez la fonction de chat : Sélectionnez l'outil Chat. Vous pouvez également explorer d'autres outils d'imagerie avancés en fonction de vos besoins spécifiques.

‍

Installez le module Axios de JavaScript

Pour communiquer avec l'API Eden AI en JavaScript, nous utiliserons le Axios module, qui est un client HTTP basé sur des promesses. Axios simplifie la création de requêtes HTTP, telles que POST, pour interagir avec des API externes.

Pour installer Axios, ouvrez votre terminal et exécutez la commande suivante :

npm install axios

‍

Préparez le code

Une fois Axios installé, vous pouvez configurer votre fichier JavaScript pour interagir avec l'API Chat d'Eden AI. Vous trouverez ci-dessous un exemple montrant comment envoyer une requête POST à l'API Eden AI pour bénéficier de la fonctionnalité de chat :

import axios from 'axios';

const options = {
  method: 'POST',
  url: 'https://api.edenai.run/v2/llm/chat/',
  headers: { 
    accept: 'application/json', 
    'content-type': 'application/json' 
  },
  data: { 
    logprobs: false, 
    n: 1, 
    stream: false, 
    top_p: 1 
  }
};

axios
  .request(options)
  .then(res => console.log(res.data))
  .catch(err => console.error(err));

‍

Importation Axios:
La ligne import axios from 'axios' ; introduit la bibliothèque Axios, ce qui nous permet d'effectuer des requêtes HTTP.

Objet d'options:
L'objet options contient les détails de notre requête HTTP :

• méthode: Spécifie que la méthode de requête est POST.
  
• url: pointe vers le point de terminaison de l'API Eden AI pour la fonction de chat.
  
• en-têtes: définit le type d'acceptation et de contenu pour garantir que l'API répond au format JSON et que nous envoyons des données JSON.
  
• données: contient le corps de la demande :
  
  
  • logprobs: paramètre qui spécifie s'il faut inclure ou non les probabilités de log dans la réponse (défini sur false ici).
    
  • n: définit le nombre de réponses à renvoyer (défini sur 1 ici).
    
  • flux: indique s'il faut diffuser les réponses (défini sur false).
    
  • top_p: contrôle la diversité des réponses (réglé sur 1 ici, ce qui signifie que les réponses seront basées sur les résultats les plus probables).
    
    

Demande Axios: Le axios.request (options) envoie la demande à Eden AI. En cas de succès, la fonction .then () enregistre les données de réponse sur la console. S'il y a une erreur, elle est détectée par la fonction .catch () et enregistrée.

‍

Interprétation des résultats

Une fois la demande effectuée avec succès, vous recevrez une réponse de l'API Eden AI. La réponse inclut généralement le message de chat généré à partir du modèle. Voici un exemple de réponse :

{
  "response": "Hello! How can I assist you today?",
  "status": "success"
}

‍

• ‍réponse: il s'agit du message réel généré par le modèle d'IA en fonction des entrées et des paramètres que vous avez fournis. Dans ce cas, le modèle répond par un message d'accueil.
• statut: indique si la demande a été acceptée. Si le statut est « Succès », cela signifie que l'appel d'API a réussi.

‍

Conclusion

Dans ce guide, vous avez appris comment intégrer l'API Eden AI Chat dans votre application JavaScript. Nous avons expliqué comment obtenir une clé API, installer les modules nécessaires et effectuer une requête POST pour interagir avec l'API.

Nous avons également expliqué comment interpréter les données de réponse et souligné les avantages de l'utilisation d'Eden AI pour vos besoins de messagerie.

Eden AI fournit une solution puissante et facile à utiliser pour intégrer la fonctionnalité de chat dans votre application.

En tirant parti de son support multi-fournisseurs et de son API simple, vous pouvez rapidement ajouter des fonctionnalités de chat avancées à vos projets JavaScript sans avoir à gérer votre propre infrastructure.

Que vous créiez un chatbot, un système d'assistance en direct ou toute autre fonctionnalité de messagerie, Eden AI est un excellent choix pour les développeurs qui cherchent à améliorer l'interaction des utilisateurs dans leurs applications.