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
Flask-App starten: Führen Sie
flask run
im Terminal aus und greifen Sie auf die App unterhttp://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
Erstellen Sie ein Heroku-Konto: Installieren Sie die Heroku CLI.
Bereiten Sie Ihre Anwendung vor: Stellen Sie sicher, dass eine
Procfile
,runtime.txt
undrequirements.txt
vorhanden sind.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 mitgcloud 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
Ü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
Last updated