# So erstellen Sie einen ChatGPT-Klon ohne Code 

**Published by:** [blockliv3 | (GER)](https://paragraph.com/@blockliv3-ger/)
**Published on:** 2023-09-18
**URL:** https://paragraph.com/@blockliv3-ger/so-erstellen-sie-einen-chatgpt-klon-ohne-code

## Content

🌟 Eine Initiative, um die Web3-Bildung für die nächste Generation zugänglicher zu machen. 🌟Erfahren Sie, wie Sie mit dem visuellen Web-Editor von Bubble und dem Microsoft Azure OpenAI-Dienst Ihren eigenen ChatGPT-Klon ohne Code erstellen. Mittlerweile haben die meisten von uns mit ChatGPT herumgespielt und kennen die Grundlagen seiner Funktionsweise. Aber nur für den Fall: ChatGPT ist ein KI-gesteuerter Chatbot, der natürliche Sprachverarbeitung (NLP) und Deep Learning nutzt, um Gespräche zu generieren, die so klingen, als kämen sie von einer Person. Der Chatbot kann beispielsweise Texte schreiben, Ideen einbringen, Fragen beantworten und vieles mehr. In diesem Beitrag führen wir Sie Schritt für Schritt durch den Aufbau eines KI-Chatbots, ohne eine einzige Codezeile zu schreiben. Es stimmt: kein Javascript, kein Python, keine Notwendigkeit für Github. Sie benötigen lediglich ein Microsoft Azure-Konto und den visuellen Web-Editor von Bubble, um alle Kernfunktionen eines ChatGPT-Klons zu erstellen, einschließlich einer Chat-Funktion, einem laufenden Verlauf Ihrer „Konversation“ und einem auf künstlicher Intelligenz basierenden Backend, das die Verarbeitung natürlicher Sprache nutzt zurückreden. Egal, ob Sie generative KI nutzen möchten, um mithilfe Ihrer Fähigkeiten im Bereich Prompt-Engineering einen zweckspezifischen Chatbot zu erstellen, oder ob Sie einfach nur daran interessiert sind, die Leistungsfähigkeit des Large Language Model (LLM) des Microsoft Azure OpenAI Service zu nutzen, tauchen wir ein — es ist einfacher als du denkst. Die Schritte zum Erstellen eines ChatGPT-Klons ohne Code umfassen: Stellen Sie die Tools zusammen, die Sie für Ihren ChatGPT-Klon benötigen Installieren Sie die Microsoft Azure OpenAI Service Chatbot-Vorlage Stellen Sie ein großes Sprachmodell über Azure OpenAI Service bereit Konfigurieren Sie die Vorlage für die Verbindung mit Ihrem LLM Bauen Sie zusätzliche Funktionen aus Fügen Sie Privatsphäre und Sicherheit hinzu Start Beginnen Sie noch heute mit dem Bau Stellen Sie die Tools zusammen, die Sie für Ihren ChatGPT-Klon benötigen Falls Sie dies noch nicht getan haben, müssen Sie zunächst ein kostenloses Bubble-Konto erstellen. Klicken Sie auf die Schaltfläche unten, um zu beginnen, damit Sie mitverfolgen können, wie wir gemeinsam diese Web-App erstellen. Erstellen Sie ein kostenloses Bubble-Konto (Neu bei Bubble? Schauen Sie sich unsere Einführungsvideos an , um sich mit den Grundlagen unseres visuellen Web-Editors vertraut zu machen.) Wir beginnen dieses Projekt mit der Microsoft Azure OpenAI Service Chatbot-Vorlage . Diese Bubble-Vorlage ist mit einem Eingabefeld und einer Senden-Schaltfläche zum Senden von Anfragen (Nachrichten) an den Chatbot vorkonfiguriert sowie mit einer Wiederholungsgruppe zur Anzeige der Antworten des Chatbots. Die sich wiederholende Gruppe zeigt außerdem einen scrollbaren Verlauf Ihres Chats:Hinweis: Sie müssen außerdem über ein Microsoft Azure-Konto und Zugriff auf den Azure OpenAI Service verfügen, um deren KI-Modelle in Ihrer Bubble-App verwenden zu können — auch um dieses Tutorial abzuschließen. Derzeit gewährt Azure nur Benutzern mit einer geschäftlichen Domänen-E-Mail-Adresse Zugriff, wir hoffen jedoch, ihn so bald wie möglich für alle Bubble-Benutzer öffnen zu können. Wenn Sie kein Azure-Konto haben, können Sie hier eines erstellen Weitere Informationen zum Zugriff auf den Azure OpenAI Service finden Sie hier Installieren Sie die Microsoft Azure OpenAI Service Chatbot-Vorlage Fügen Sie zunächst die kostenlose Vorlage zu Ihrem Bubble-Konto hinzu . Navigieren Sie dann zum Bereich „Vorlagen“ Ihres Kontos, suchen Sie die Vorlage und klicken Sie auf „ App starten“ . Stellen Sie im angezeigten Popup-Dialogfeld sicher, dass Sie Azure OpenAI Service Chatbot als Vorlage auswählen, mit der Sie beginnen möchten. Geben Sie Ihrer neuen Bubble-App einen Namen und klicken Sie auf „Erste Schritte“ .Sobald Ihre App geladen ist, befolgen Sie die Schritte unter „Erste Schritte“ auf der rechten Seite, um das Favicon, den Namen, die Schriftart und die Farbeinstellungen Ihrer App zu konfigurieren. Wenn Sie bei Schritt 4 angelangt sind, halten Sie es vorerst einfach und fügen Sie Ihrer App keine zusätzlichen Plugins hinzu.Ihre Bubble-App wird im Designmodus geladen . Klicken Sie im Popup „Landingpage erstellen“ auf das X , um es zu schließen, und schließen Sie auch die Komponentenbibliothek .Sie sollten nun sehen, dass die Vorlage in Ihre App geladen ist:Der obere Teil der Vorlage ist mit Anweisungen zum Erstellen des Chatbots vorgefüllt (die wir gleich im Detail erklären und die Sie am Ende löschen werden). Der untere Teil enthält die On-Page-Elemente, die die App tatsächlich verwendet. OK — sobald Sie die Vorlage geöffnet haben (und ein Azure-Konto mit OpenAI-Dienstzugriff haben), können Sie ein Modell bereitstellen. Stellen Sie ein großes Sprachmodell über Azure OpenAI Service bereit Öffnen Sie einen neuen Browser-Tab oder ein neues Browserfenster, navigieren Sie zu https://portal.azure.com und melden Sie sich dann bei Ihrem Konto an. Wenn Sie Azure OpenAI Service bereits eingerichtet und ein Modell bereitgestellt haben, fahren Sie mit dem nächsten Abschnitt fort, um Ihre Vorlage mit dem Modell zu verbinden. Wenn nicht, müssen Sie eine GPT-Bereitstellung im Azure OpenAI Service einrichten und konfigurieren. Microsoft bietet eine Schritt-für-Schritt-Anleitung, die Sie durch den Prozess führt. Sobald Ihr Modell bereitgestellt ist, können Sie es mit Ihrer Bubble-App verbinden. Konfigurieren Sie die Vorlage für die Verbindung mit Ihrem LLM Das Schöne an dieser Vorlage — und dem dazugehörigen Azure OpenAI Service Plugin — ist, dass keine API-Verbindung zwischen den beiden Diensten von Grund auf eingerichtet werden muss. Stattdessen müssen Sie zum Verbinden Ihrer Bubble-App mit Ihrem OpenAI-Modell lediglich wichtige Informationen aus Ihrem Azure-Konto kopieren und in die richtigen Felder Ihrer Bubble-App einfügen. So geht’s:Klicken Sie in Ihrem Azure-Konto auf das Suchfeld „Ressourcen, Dienste und Dokumente durchsuchen“ (G+/) .1.Geben Sie „openai“ ein.Klicken Sie auf Azure OpenAI .1.Wählen Sie die Ressource aus, die Sie mit dem Plugin verwenden möchten. Dies ist das Modell, das Sie zuvor bereitgestellt haben. Sie sollten es an dem Namen erkennen, den Sie ihm gegeben haben.1.Klicken Sie auf Schlüssel und Endpunkt .1.Klicken Sie für Schlüssel 1 auf die Schaltfläche „In Zwischenablage kopieren“ .1.Wechseln Sie zu Ihrer Bubble-App, öffnen Sie die Plugin-Einstellungen und fügen Sie den Schlüssel sowohl in die Textfelder „ api-key (shared headers)“ als auch „api-key (shared headers) — dev“ ein.1.Wechseln Sie zurück zur Registerkarte „Azure OpenAI Service Keys and Endpoints“ . Klicken Sie für Endpunkt auf die Schaltfläche „In Zwischenablage kopieren“ .1.Wechseln Sie zu Ihrer Bubble-App und fügen Sie den Endpunkt sowohl in die Textfelder „ Endpunkt (Pfad)“ als auch „Endpunkt (Pfad) — Entwicklung“ ein.1.Wechseln Sie zurück zur Registerkarte „Azure OpenAI Service“ und klicken Sie auf „ Modellbereitstellungen“ .1.Klicken Sie auf die Schaltfläche „Bereitstellungen verwalten“ , um zu Azure OpenAI Studio zu gelangen.1.Wählen Sie bei Bedarf das Verzeichnis und das Abonnement sowie dann die in den vorherigen Schritten verwendete Ressource aus. Klicken Sie dann in der Gruppe „Verwaltung“ auf „Bereitstellungen“ .1.Kopieren Sie den Namen Ihrer gewünschten Bereitstellung in die Zwischenablage.14. Wechseln Sie zu Ihrer Bubble-App und fügen Sie den Bereitstellungsnamen in die Textfelder „deployment-id (path)“ und „deployment-id (path) — dev“ ein. 1.15.Das ist es! Klicken Sie auf Vorschau , um Ihre App in Aktion zu sehen. 16.Verwenden Sie die benutzerfreundlichen Designtools von Bubble, um das Erscheinungsbild Ihres Chatbots anzupassen. Zum Beispiel nach ein wenig Editor-Magie:1.Testen Sie Ihren neuen Chatbot! Sie können sich die Arbeitsabläufe ansehen, um zu sehen, wie das Plugin mit der Web-App funktioniert und mit den APIs interagiert.Herzlichen Glückwunsch — Sie haben einen ChatGPT-Klon ohne Code erstellt! Bauen Sie zusätzliche Funktionen aus Sobald Sie Ihren grundlegenden Chatbot eingerichtet haben, beginnen Sie mit dem Experimentieren und werden Sie kreativ mit der Erfahrung, die Sie aufbauen. Hier sind einige Ideen, die Sie berücksichtigen sollten: Fügen Sie die Möglichkeit hinzu, Gespräche mit dem Chatbot in einer durchsuchbaren Bibliothek zu speichern Erstellen Sie maßgeschneiderte Chatbot-Eingabeaufforderungen im Workflow-Tab von Bubble, um Ihren Chatbot auf bestimmte Aufgaben und Kontexte zu konzentrieren Erstellen Sie Funktionen, die dem beabsichtigten Anwendungsfall Ihres Chatbots entsprechen (wenn der Chatbot beispielsweise Menschen beim Schreiben helfen soll, können Sie voreingestellte Chat-Personas wie Coach, Komiker oder Übersetzer erstellen, um das Erlebnis individuell anzupassen). Ändern Sie, was passiert, während ein Benutzer auf die Antwort des Chatbots wartet (z. B. könnten Sie eine Ladezustandsanzeige hinzufügen, wie eine Sanduhr, die sich immer wieder dreht). Oder Sie könnten Streaming hinzufügen, damit Ihr Benutzer mitlesen kann, während der Chatbot „tippt“. “) Stellen Sie eine Verbindung zu einer Speech-to-Text-API her und fügen Sie ein Mikrofonsymbol hinzu, damit Benutzer ihre Fragen diktieren können Wenn Sie wirklich aufsteigen möchten, können Sie Ihren Chatbot über „ Feinabstimmung “ anhand eines bestimmten Datensatzes (z. B. der FAQs Ihrer Website) trainieren. Fügen Sie Privatsphäre und Sicherheit hinzu Vergessen Sie nicht, einige Datenschutzregeln und -bedingungen festzulegen , um die Daten Ihrer Benutzer zu schützen — beginnend mit Rollen im Abschnitt „Datenschutz“ Ihrer Datenregisterkarte. Sie können auch mit einem API-Checker überprüfen, ob Sie unbeabsichtigt Daten preisgeben . Start Sobald es Zeit für den Start ist, benötigen Sie einen kostenpflichtigen Bubble-Plan, der bei 29 $ pro Monat beginnt. Damit können Sie Ihre App für externe Benutzer live schalten, die App auf Ihrer eigenen benutzerdefinierten Domain hosten und vieles mehr. Wenn Sie Ihrer App weitere Plugins hinzugefügt haben, sind diese möglicherweise mit eigenen Abonnements ausgestattet — aber keine Sorge, Sie können alle oben genannten Funktionen von ChatGPT ohne zusätzliche Kosten erstellen. Beginnen Sie noch heute mit dem Bau Sind Sie bereit, sich der No-Code-Bewegung anzuschließen? Bubble kann Ihnen beim Erstellen eines ChatGPT-Klons helfen — oder jeder anderen Web-App, die Sie sich ausgedacht haben! Tatsächlich verfügen wir über eine ganze Bibliothek mit Tutorials wie diesem sowie vielen anderen Vorlagen . Es war noch nie einfacher, etwas Unglaubliches zu bauen, ohne programmieren zu müssen. Alles, was Sie zum Starten benötigen, ist ein kostenloses Konto . 🌟 Eine Initiative, um die Web3-Bildung für die nächste Generation zugänglicher zu machen. 🌟 🌟 Feel free to check out: blockliv3.nft@ud.me)| beacons.ai/blockliv3 | X:@blockliv3 | Mirror:@blockliv3 | Medium:@blockliv3 | Substack:@blockliv3

## Publication Information

- [blockliv3 | (GER)](https://paragraph.com/@blockliv3-ger/): Publication homepage
- [All Posts](https://paragraph.com/@blockliv3-ger/): More posts from this publication
- [RSS Feed](https://api.paragraph.com/blogs/rss/@blockliv3-ger): Subscribe to updates
- [Twitter](https://twitter.com/blockliv3): Follow on Twitter