Deutsch
anmelden Melden Sie sich an Kontaktiere uns

Talk-to-Slack die Beispiel-Web-App

Es ist sehr einfach, eine einfache Webanwendung zu erstellen, die ein LLM mit dem Benutzerwissen durch Abfragen an Rememberizer integriert.

Der Quellcode der App kann hier gefunden werden.

In diesem Abschnitt stellen wir Schritt-für-Schritt-Anleitungen und den vollständigen Quellcode bereit, damit Sie schnell Ihre eigene Anwendung erstellen können.

Wir haben einen Talk-to-Slack GPT auf OpenAI erstellt. Die Talk-to-Slack Web App ist sehr ähnlich.

Einleitung

In diesem Leitfaden bieten wir schrittweise Anweisungen und den vollständigen Quellcode an, um Ihnen zu helfen, Ihre eigene Anwendung zu erstellen, die unserer Talk-To-Slack GPT-Integration mit Rememberizer.ai ähnelt. Im Gegensatz zur Slack-Integration bietet eine Web-App mehr Funktionen und Kontrolle, wie zum Beispiel Web-Scraping, Zugriff auf lokale Datenbanken, Grafiken und Animationen und das Sammeln von Zahlungen. Außerdem kann es von jedem ohne die Notwendigkeit eines Premium genAI-Kontos verwendet werden.

Übersicht

Unsere Beispielanwendung, Talk to Slack, wird auf Heroku gehostet und integriert OpenAI's LLM mit Rememberizer.ai, um Ihre Slack-Erfahrung zu verbessern. Die Web-App ist mit Flask erstellt und bietet Funktionen wie OAuth2-Integration, Zugriff auf Slack-Daten und eine intuitive Benutzeroberfläche.

Eigenschaften

  • Flask-basierte Architektur: Backend-Operationen, Frontend-Kommunikationen und API-Interaktionen werden durch Flask gehandhabt.

  • OAuth2-Integration: Sichere Autorisierung und Datenzugriff mit dem Rememberizer's OAuth2-Fluss.

  • Slack Datenzugriff: Ruft die verbundenen Slack-Daten des Benutzers sicher ab, indem Rememberizer's APIs verwendet werden.

  • OpenAI LLM Integration: Verarbeitet Anfragen mit OpenAI's LLM-Service für aufschlussreiche Antworten.

  • Intuitive Benutzeroberfläche: Einfache Navigation und Interaktion mit einem modernen UI-Design.

  • Best Practices: Hält sich an Sicherheits- und Benutzererfahrungsstandards für eine nahtlose Integration.

Einrichtung und Bereitstellung

Voraussetzungen

  • Python

  • Flask

[Beachten Sie, dass es nicht sehr schwer war, diese gesamte Anwendung in einer anderen Sprache neu zu schreiben, in unserem Fall Golang. Behalten Sie also im Hinterkopf, dass Sie nicht auf Python beschränkt sind]

Umgebungskonfiguration

Setzen Sie diese Umgebungsvariablen:

  • APP_SECRET_KEY: Eindeutiger geheimer Schlüssel für Flask.

  • REMEMBERIZER_CLIENT_ID: Client-ID für Ihre Rememberizer-App.

  • REMEMBERIZER_CLIENT_SECRET: Client-Geheimnis für Ihre Rememberizer-App.

  • OPENAI_API_KEY: Ihr OpenAI-API-Schlüssel.

Anwendung ausführen

  1. Flask-App starten: Führen Sie flask run im Terminal aus und greifen Sie auf die App unter http://localhost:5000 zu.

[Für Tests und Entwicklung]

Bereitstellung in der Cloud

Die Bereitstellung auf Plattformen wie Heroku, Google Cloud Platform (GCP), Amazon Web Services (AWS) oder Microsoft Azure wird empfohlen.

Heroku-Bereitstellung

  1. Erstellen Sie ein Heroku-Konto: Installieren Sie die Heroku CLI.

  2. Bereiten Sie Ihre Anwendung vor: Stellen Sie sicher, dass eine Procfile, runtime.txt und requirements.txt vorhanden sind.

  3. Bereitstellen: Benutzen Sie die Heroku CLI oder die GitHub-Integration zur Bereitstellung.

Detaillierte Schritte

  • Verbinden Sie Heroku mit GitHub: Aktivieren Sie automatische Bereitstellungen aus dem GitHub-Repository für nahtlose Updates.

  • Bereitstellung manuell: Optional können Sie die manuelle Bereitstellung für mehr Kontrolle verwenden.

Zusätzliche Einrichtung

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

  • SSL-Zertifikate hinzufügen: Verwenden Sie selbstsignierte Zertifikate für die anfängliche HTTPS-Einrichtung.

    • Ein offizielles, kostenpflichtiges Zertifikat ist definitiv der richtige Weg für die Produktion, aber um dies schnell und kostengünstig zu testen, können Sie dies kostenlos tun.

  • Konfigurieren Sie Umgebungsvariablen auf Heroku: Verwenden Sie heroku config:set KEY=wert für essentielle Schlüssel.

Andere Cloud-Plattformen

  • GCP: Richten Sie ein GCP-Konto ein, bereiten Sie Ihre App mit app.yaml vor und stellen Sie sie mit gcloud app deploy bereit.

  • AWS: Verwenden Sie Elastic Beanstalk zur Bereitstellung, nachdem Sie ein AWS-Konto eingerichtet und die AWS CLI installiert haben.

  • Azure: Bereitstellen durch Azure App Service, nachdem Sie ein Azure-Konto erstellt und die Azure CLI installiert haben.

Sicherheit und Best Practices

Vor der Bereitstellung überprüfen Sie Ihre requirements.txt, passen Sie die Konfigurationen für die Produktion an und aktualisieren Sie die OAuth-Weiterleitungs-URIs.

requirements.txt

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

Übersicht über den Anwendungscode

Hier ist eine kurze Übersicht über die Schlüsselrouten in der Anwendung:

  • @app.route('/') (Index Route): Rendert die Startseite der Anwendung.

  • @app.route('/auth/rememberizer') (Rememberizer Authentifizierungsroute): Leitet den OAuth2-Authentifizierungsprozess mit Rememberizer.ai in die Wege.

  • @app.route('/auth/rememberizer/callback') (Rememberizer Callback Route): Verarbeitet das Callback von Rememberizer.ai nach der Benutzerautorisierung.

  • @app.route('/dashboard') (Dashboard Route): Zeigt dem Benutzer die Dashboard-Seite an.

  • @app.route('/slack-info') (Slack Integrationsinfo Route): Zeigt Informationen über die Slack-Integration des Benutzers mit Rememberizer.ai an.

  • @app.route('/ask', methods=['POST']) (Ask Route): Verarbeitet die eingereichten Fragen des Benutzers und generiert eine Antwort mithilfe des GPT-4 Modells von OpenAI.

Zusätzliche Anmerkungen

  • Ikonografie: Gestaltet im Stil detailreicher Papierfaltkunst, die die Integration von KI und Kommunikation widerspiegelt. Unser Symbol wurde in Midjourney und Image2Icon erstellt.

  • SSL-Konfiguration: Generieren Sie selbst signierte Zertifikate mit OpenSSL für eine sichere Kommunikation.

Erforschen und Innovieren

Wir fördern die Erforschung und Innovation mit Ihrer eigenen AI-integrierten Webanwendung, mit dem Ziel, die Produktivität und Zusammenarbeit innerhalb Ihrer Plattform zu verbessern.

Diese überarbeitete Dokumentation bietet eine umfassende Anleitung für Entwickler, um ihre eigene AI-integrierte Webanwendung zu erstellen, ähnlich wie Talk-to-Slack. Sie enthält detaillierte Anweisungen für die Einrichtung, Bereitstellung und Anwendungscode-Übersicht sowie die besten

PreviousErstellung eines Rememberizer GPTNextRegistrierung und Verwendung von API-Schlüsseln

Last updated