Talk-to-Slack l'application Web d'exemple

Il est très facile de créer une simple application web qui intégrera un LLM avec les connaissances de l'utilisateur grâce à des requêtes à Rememberizer.

Le code source de l'application peut être trouvé ici.

Dans cette section, nous fournirons des instructions étape par étape et le code source complet afin que vous puissiez rapidement créer votre propre application.

Nous avons créé un GPT Parlez-à-Slack sur OpenAI. L'application Web Parlez-à-Slack est très similaire.


Introduction

Dans ce guide, nous fournissons des instructions étape par étape et le code source complet pour vous aider à créer votre propre application similaire à notre intégration Talk-to-Slack GPT avec Rememberizer.ai. Contrairement à l'intégration Slack, une application web offre plus de fonctionnalités et de contrôle, tels que le scrapage web, l'accès à la base de données locale, les graphiques et animations, et la collecte des paiements. De plus, elle peut être utilisée par quiconque sans avoir besoin d'un compte genAI premium.

Aperçu

Notre application exemple, Parlez à Slack, est hébergée sur Heroku et intègre le LLM d'OpenAI avec Rememberizer.ai pour améliorer votre expérience Slack. L'application web est construite en utilisant Flask et offre des fonctionnalités comme l'intégration OAuth2, l'accès aux données Slack et une interface utilisateur intuitive.

Fonctionnalités

  • Architecture basée sur Flask : Les opérations backend, les communications frontend et les interactions API sont gérées par Flask.

  • Intégration OAuth2 : Autorisation sécurisée et accès aux données avec le flux OAuth2 de Rememberizer.

  • Accès aux données Slack : Récupère les données Slack connectées de l'utilisateur en toute sécurité à l'aide des API de Rememberizer.

  • Intégration de OpenAI LLM : Traite les requêtes avec le service LLM de OpenAI pour des réponses perspicaces.

  • Interface utilisateur intuitive : Navigation et interaction faciles avec un design d'interface utilisateur moderne.

  • Meilleures pratiques : Adhère aux normes de sécurité et d'expérience utilisateur pour une intégration transparente.

Configuration et Déploiement

Prérequis

  • Python

  • Flask

[Notez qu'il n'a pas été très difficile de faire réécrire toute cette application dans une autre langue, dans notre cas Golang. Alors n'oubliez pas que vous n'êtes pas limité à Python]

Configuration de l'environnement

Définissez ces variables d'environnement :

  • APP_SECRET_KEY : Clé secrète unique pour Flask.

  • REMEMBERIZER_CLIENT_ID : ID client pour votre application Rememberizer.

  • REMEMBERIZER_CLIENT_SECRET : Secret client pour votre application Rememberizer.

  • OPENAI_API_KEY : Votre clé API OpenAI.

Exécution de l'Application

  1. Démarrer l'application Flask: Exécutez flask run dans le terminal et accédez à l'application à l'adresse http://localhost:5000.

[Pour les tests et le développement]

Déploiement dans le Cloud

Il est recommandé de déployer sur des plateformes telles que Heroku, Google Cloud Platform (GCP), Amazon Web Services (AWS) ou Microsoft Azure.

Déploiement Heroku

  1. Créer un compte Heroku: Installez le CLI Heroku.

  2. Préparez votre application: Assurez-vous qu'un Procfile, runtime.txt, et requirements.txt sont présents.

  3. Déployez: Utilisez le CLI Heroku ou l'intégration GitHub pour le déploiement.

Étapes détaillées

  • Connectez Heroku à GitHub: Activez le déploiement automatique à partir du dépôt GitHub pour des mises à jour transparentes.

  • Déployez manuellement: Optionnellement, utilisez le déploiement manuel pour plus de contrôle.

Configuration supplémentaire

  • Installez CLI Heroku: brew tap heroku/brew && brew install heroku (macOS).

  • Ajoutez des certificats SSL: Utilisez des certificats auto-signés pour la configuration initiale de HTTPS.

    • Un certificat payant officiel est certainement la voie à suivre en production, mais pour tester rapidement et à moindre coût, vous pouvez le faire gratuitement.

  • Configurez des variables d'environnement sur Heroku: Utilisez heroku config:set KEY=value pour les clés essentielles.

Autres plateformes Cloud

  • GCP: Configurez un compte GCP, préparez votre application avec app.yaml, et déployez en utilisant gcloud app deploy.

  • AWS: Utilisez Elastic Beanstalk pour le déploiement après avoir configuré un compte AWS et le CLI AWS.

  • Azure: Déployez via Azure App Service après avoir créé un compte Azure et installé le CLI Azure.

Sécurité et Meilleures Pratiques

Avant le déploiement, vérifiez votre requirements.txt, ajustez les configurations pour la production et mettez à jour les URI de redirection OAuth.

requirements.txt

Flask==3.0.2
requests==2.31.0
gunicorn==21.2.0
openai==1.14.0
pytest==8.1.1

Aperçu du code de l'application

Voici un bref aperçu des routes clés dans l'application :

  • @app.route('/') (Route Index) : Affiche la page d'accueil de l'application.

  • @app.route('/auth/rememberizer') (Route d'authentification Rememberizer): Initie le processus d'authentification OAuth2 avec Rememberizer.ai.

  • @app.route('/auth/rememberizer/callback') (Route de rappel Rememberizer): Gère le rappel de Rememberizer.ai après l'autorisation de l'utilisateur.

  • @app.route('/dashboard') (Route du tableau de bord): Affiche la page du tableau de bord à l'utilisateur.

  • @app.route('/slack-info') (Route d'information d'intégration Slack): Montre les informations sur l'intégration de l'utilisateur de Slack avec Rememberizer.ai.

  • @app.route('/ask', methods=['POST']) (Route Ask): Gère la soumission des questions de l'utilisateur et génère une réponse en utilisant le modèle GPT-4 d'OpenAI.

Notes supplémentaires

  • Iconographie: Conçu avec un style d'art de papier plié détaillé, reflétant l'intégration de l'IA et de la communication. Notre icône a été créée dans Midjourney et Image2Icon.

  • Configuration SSL: Générez des certificats auto-signés à l'aide d'OpenSSL pour une communication sécurisée.

Explorez et Innovez

Nous encourageons l'exploration et l'innovation avec votre propre application web intégrée à l'IA, visant à améliorer la productivité et la collaboration au sein de votre plateforme.


Cette documentation révisée fournit un guide complet pour les développeurs pour créer leur propre application web intégrée à l'IA, similaire à Talk-to-Slack. Elle comprend des instructions détaillées pour l'installation, le déploiement et la vue d'ensemble du code de l'application, en plus des meilleures

Last updated