Utilisez CodeHub + ChatGPT pour rendre les applications de communication plus rapides

Introduction

Code Hub est l'endroit où se trouvent les solutions prédéfinies pour les flux de communication courants et les environnements de codage basés sur un navigateur. Ces solutions préconstruites peuvent réduire considérablement votre temps de développement, la configuration des dépendances et la configuration manuelle des clés API.

L'interface intuitive de Code Hub vous permet de parcourir les cas d'utilisation qui couvrent notre API Vonage Messages API, Voice API, Video API, Number Insight APIet bien d'autres encore.

Comme ChatGPT est un outil que de nombreuses entreprises adoptent aujourd'hui, nous avons plusieurs modèles qui facilitent ce processus.

Il s'agit notamment de

• WhatsApp ChatGPT Bot - Créez un bot WhatsApp ChatGPT à l'aide de l'API Messages de Vonage.

• ChatGPT Voice Bot - Créez un bot WhatsApp ChatGPT en utilisant l'API Voice de Vonage.

• ChatGPT Bot Voice (Java) - Créer un bot WhatsApp ChatGPT en utilisant l'API Voice Voice de Vonage et Java.

• Image ChatGPT Bot-Dans ce projet, vous allez créer un chatbot SMS pour générer des images à partir d'invites textuelles SMS en utilisant l'API OpenAI DALL-E.

• SMS ChatGPT Bot-Dans ce projet, vous allez créer un chatbot SMS qui envoie et reçoit des messages en utilisant ChatGPT et l'API OpenAI.

Dans l'article de blog d'aujourd'hui, nous discuterons d'un cas d'utilisation de la cas d'utilisation de la messagerie. Commençons par le commencement !

Pour commencer

Visiter Code Hub et parcourez la liste des solutions pour vous familiariser avec l'interface utilisateur. Vous pouvez utiliser la fonction de recherche au milieu de la page si vous cherchez quelque chose de spécifique. C'est aussi le moment de vous connecter ou de vous inscrire si vous ne l'avez pas encore fait.

Code Hub Main Menu

"Cas d'utilisation "SMS ChatGPT Bot

Dirigez votre navigateur vers le site SMS ChatGPT Bot . Ce cas d'utilisation courant servira de premier exemple.

SMS ChatGPT Bot

Passons en revue la fonction de chaque onglet :

• Vue d'ensemble - Une brève description de l'objectif de l'échantillon et de la manière de commencer.

• Obtenir du code - Permet d'utiliser la version du navigateur Visual Studio Code pour essayer le code, y apporter des modifications et le déployer instantanément.

• Déployer le code - Permet de déployer l'application et de la voir en action.

Pour commencer, une fois connecté, sélectionnez Déployer le code, puis Déployer nouveau** **instance.

Il vous sera demandé de fournir les informations suivantes :

• Région - sélectionnez la région la plus proche de chez vous

• Nom de l'instance - Donnez-lui un surnom

• Numbers Vonage - Attribuer un numéro au projet

• Clé API OpenAI - Il s'agit de la clé que vous obtenez de l'API OpenAI.

Project Deployment

Enfin, cliquez sur Continuer, et le déploiement commencera. Vous pouvez alors vérifier si l'état est En cours d'exécution, et si c'est le cas, appuyez sur le bouton Lancer pour lancer l'application.

Chatbot Running

Il existe également une option permettant de Afficher les journauxqui peut faciliter le suivi et le dépannage.

Lancer l'application

Cliquez sur le bouton Lancer. Une nouvelle fenêtre de navigation apparaît et affiche le contenu suivant :

Launch App

En supposant que vous ayez saisi une API OpenID valide, si vous envoyez votre numéro par SMS avec une question, il vous renverra la réponse. Essayez quelque chose comme "Où se trouve le siège social de Vonage ?".

Modifier l'échantillon (dans VOTRE navigateur !)

Maintenant que nous avons déployé avec succès un échantillon, essayons de modifier le code et de le déployer instantanément pour voir les changements en direct. Cliquez sur Obtenir le codepuis sur Créer un nouvel environnement de développement. Vous devrez définir votre espace de travail, saisissez donc les informations demandées et cliquez sur Continuer.

Vous verrez maintenant le projet dans Visual Studio Code À L'INTÉRIEUR de votre navigateur.

Edit in your Browser

Commencez par consulter le fichier README.md, qui contient des informations importantes sur la manière d'exécuter l'exemple.

Si vous naviguez vers l'un des fichiers sources (comme index.js), vous pouvez modifier le code et l'essayer.

N'hésitez pas à vous amuser et à faire quelques changements. Par exemple, à la ligne 98 du fichier index.js, vous pourriez supprimer la chaîne "ChatGPT :" codée en dur et ne répondre qu'avec ce que ChatGPT renvoie.

Synthèse

Nous sommes impatients de voir toutes les façons nouvelles et intéressantes dont les clients utilisent cet outil. N'hésitez pas à consulter notre documentation pour plus d'informations. De plus, si vous avez des questions ou des commentaires, rejoignez-nous sur la page Slack des développeurs de Vonage ou envoyez-moi un Tweet sur Twitteret je vous répondrai. Merci encore d'avoir lu, et je vous donne rendez-vous au prochain numéro !