Chatbots mit OpenAI erstellen: Vom Konzept zur Bereitstellung

1. Einführung: Bist du bereit, das Potenzial der KI für Konversationen zu nutzen? Mit diesem Kurs können Sie Ihre eigene GPT-Schokolade in many alone kreieren . werde ich Ihr Führer auf dieser aufregenden Reise sein . In diesem Kurs lernen wir Schritt für Schritt, wie Sie einen voll funktionsfähigen GPT-Chatbot erstellen. Wir beginnen damit, uns mit postmodern, einem leistungsstarken API-Testtool, vertraut zu machen. Wir werden unsere APIs testen und die wichtigsten Parameter verstehen , die für die Interaktion mit einem GPT-Modell erforderlich sind. Wir werden den Prozess der Vorbereitung dieser Parameter erläutern um eine Anfrage an ein GPT-Modell senden zu können. Dann erstellen wir die Schokolade selbst mit HTML, CSS und JavaScript. Wir werden dort nicht aufhören. Ich zeige Ihnen, wie Sie Ihrem Chatbot das Leben nehmen können, indem Sie ihn hosten. Am Ende dieses Kurses werden Sie Ihre eigene Schokolade haben, die auf GPT basiert. Mit diesem Jackpot stehen Sie an der Spitze der KI-Technologie. Und Sie können dieses Wissen tatsächlich nutzen , um Ihr Geschäft zu verbessern. 2. Einführung in OpenAI-Modelle: Hallo, Willkommen zur ersten Lektion in diesem Kurs. Bevor wir anfangen, über die Schritte zu sprechen , wie wir unser eigenes Top bauen können. Was wir brauchen, um den Ursprung dieser Chatbots zu verstehen , um unseren Job zu gestalten. Wir werden uns jedoch auf einen vortrainierten Chatbot verlassen , der von OpenAI erstellt wurde. Lassen Sie uns also tiefer in OpenAI eintauchen und die eigenen Plattformen und Dienste kennenlernen. Open AI ist eine künstliche intelligente Organisation. Es ist ein Technologieunternehmen , das sich auf die Entwicklung freundlicher Oberflächen konzentriert . Es entwickelte sehr fortschrittliche Sprachmodelle. Diese Modelle werden für verschiedene Anwendungen verwendet, z. B. für Chatbots, das Erstellen von Bildern, Umwandeln von Audio in Text, Codierung und mehr. Unsere beste Referenz, um zu wissen, dass Open AI eine eigene Dokumentation ist , um eine Vorschau darauf zu erhalten, dass wir auf die Plattform von Open AI gehen können. Um eine Vorschau der Plattform von Open AI zu erhalten, sollten wir also eine neue Internetseite trainieren und Plattform in Pin AI entscheiden. Einfach ruhig. Das. Können Sie uns auf die Hauptseite der Eröffnung des Unternehmens bringen? Hier können Sie sich tatsächlich über die Dienste und Modelle informieren. Ich klicke oben auf den Tab Dokumentation und jedes Detail, das ich benötige, soll hier vorgestellt werden. Wir werden nach unten scrollen und auf Module klicken. Hier finden Sie jedes einzelne Detail zu jedem Modal , das OpenAI erstellt hat. Es gibt sehr kleine Schüsseln, die von OpenAI gemacht wurden und wie ihr sehen könnt, sind einige davon für die Verarbeitung natürlicher Sprache bestimmt. Andere dienen zum Generieren von Bildern, zum Umwandeln von Audio in Text oder zum Erstellen numerischer Formen oder zum Codieren und so weiter. Das sind also offene KI-Modelle, und von diesen Modellen hängt er nur von einem Modus ab, nämlich GPT-3 und dann geht es um das Modell, das darauf trainiert wurde, natürliche Sprache zu generieren, um einen Chatbot zu erstellen. Sie sprechen eigentlich von natürlicher Sprachverarbeitung. Um mehr über GPT-3 und anderthalb zu erfahren, können Sie nach unten scrollen und auf jedes Modell für sich konzentrieren. Wie ihr sehen könnt, gibt es einen Überblick über dieses Modell und was macht es? Und hier zeigt es die neuesten Updates zu diesem Modell. Es zeigt also das erste Modell, das für die Tokenisierung generiert wurde , und wann wurde es aktualisiert? Und schließlich der letzte, von dem wir uns auf das GPT-3-Modell verlassen werden, ein anderthalb schreckliches Modell. Und dieses Modell ist tatsächlich erstaunlich in der Lage, natürliche Sprache zu erzeugen. Es ist auch ein Zehntel der Küste, das vorherige Update davon. Das ist also unglaublich. Es wird dich nichts kosten. Es hat eine hohe Anzahl von Tokenisierungen und es war das neueste Update. Wenn Sie also nach unten scrollen, können Sie alle benötigten Daten überprüfen. Und wir werden uns die Dinge anderer ansehen , die wir von dieser Seite benötigen, wie zum Beispiel die Eingabe, um unseren eigenen Chatbot zu erstellen , der der Endpunkt jedes Modells ist, um eine Anfrage an dieses Modell und die Empfänger senden zu können . Also, wie ihr seht, ist das eröffnet. In diesem Dokumentationsbereich finden Sie Antworten auf alle Fragen, die Sie im Leben haben. 3. Was ist API: Wenn Sie Zeit mit Programmierern verbringen, Sie möglicherweise auf den Begriff APIs und ihren Zweck bei der Ausführung bestimmter Aufgaben oder beim Zugriff auf Daten gestoßen . Aber was genau sind APIs? Und Wally, wo haben sie sich entwickelt? Wenn Sie in ein Restaurant gehen und etwas zu essen bestellen, interagieren Sie mit einem Kellner. Sie können Speisen und Getränke bestellen, Fragen zur Speisekarte stellen, die Rechnung anfragen und bezahlen und vieles mehr. In diesem Beispiel schützt Sie der Kellner vor all den komplizierten Dingen, die hinter den Kulissen passieren. Sie müssen sich keine Gedanken über Herde, Backöfen, Geschirr und die Lagerverwaltung machen. Er ist die Schnittstelle zwischen neuen und allen Dienstleistungen, die das Restaurant anbietet. Er bietet Ihnen die Möglichkeit, mit dem Restaurant zu interagieren schützt Sie gleichzeitig vor all der Komplexität, die dahinter steckt. In gewisser Weise kann der Kellner als API des Restaurants angesehen werden . Und anhand dieses Beispiels müssen Sie verstehen, warum sie nützlich sind. Der Begriff API steht für Application Programmable Interface. Und es ist eine Möglichkeit für verschiedene Programme, auf verschiedene Weise zusammenzuarbeiten. In den nächsten Lektionen werden wir damit beginnen, Open-the-Eyes-APIs Open-the-Eyes-APIs , um uns mit Open AI-Modellen zu verbinden und sie für die Entwicklung unserer eigenen Chatbots zu verwenden. 4. Einführung in Postman und OpenAI-API: Die Umgebung einrichten: Hallo zusammen. Um anzufangen, unser eigenes Top zu kreieren. Das erste, was wir tun müssen , ist, dass wir Postman kennenlernen müssen. Gehen Sie einfach zu Ihrem Webbrowser und geben Sie WWE Adult Postman to come ein. Sobald dies abgeschlossen ist, müssen Sie sich in Ihr Konto einloggen. Okay? Da heißt es also, das ist die Homepage der Postmoderne. Und wir möchten damit beginnen, unseren eigenen Workspace und unsere eigene Sammlung zu erstellen unseren eigenen Workspace und unsere eigene , um unsere APIs zu testen. Also gehe ich in die obere linke Ecke um auf Workspaces zu klicken. Und dann kann ich meine vorherigen Arbeitsbereiche verwenden oder ich kann einfach einen neuen Arbeitsbereich erstellen. Sie müssen den Namen des Arbeitsbereichs schreiben. Wie Sie sehen können, Chatbox oder GPT Talk Bob, was auch immer Sie schreiben möchten, wählen Sie einen passenden Namen dafür. Hier können Sie die Sichtbarkeit Ihres Fachwissens festlegen. Sie können es zu öffentlichen Mitarbeitern machen oder es mit dem Team teilen. Weil es nur ein Test ist. Ich nehme das Personal und erstelle, wenn wir das erste Mal Leerzeichen verwenden. Gut. Wie ihr sehen könnt, ist dies die Schnittstelle im Workspace. In jedem Workspace kannst du Sammlungen zu Variablen hinzufügen und eine Gruppe von Parametern konfigurieren , um damit einen VIP zu zerstören, dein einziges Be IKE mit anderen Websites zu integrieren und so weiter. Gut. Jetzt, wo wir hier drinnen sind, gehe ich und klicke auf Sammlungen. Falls das das erste Mal für dich ist, da du keine Verbindungen haben wirst, aber wir sind tatsächlich in dem GPD-Chat-Bot, den wir erstellt haben. Wir können hier also nach links gehen, auf Sammlungen klicken, auf Hinzufügen und Hinzufügen einer neuen Sammlung klicken. Zuallererst müssen Sie diese Sammlung benennen, nennen wir den Test. Gut. Verletzt. Das erste, was Sie tun müssen, ist, unseren API-Schlüssel als Buch hinzuzufügen Wir gehen zu Open AI. Gehen wir zu einem anderen Spielplatz von oben und rechts, Many Eyes. Oder wir gehen zur Open AI-Rede, die uns unsere API-Schlüssel zur Verfügung stellt. Wie ihr sehen könnt, sind hier die ABI Gaze, die ich zuvor benutzt habe. Ich kann tatsächlich eine Kopie von einem von ihnen woanders speichern lassen. Wir schließen, ich kann sie nicht in der Vorschau ansehen. Oder ich kann tatsächlich einen neuen erstellen, ihm einen Namen geben oder ihn einfach belassen und den geheimen Schlüssel erstellen, ihn kopieren und das war's. Jetzt gehe ich zurück zu meiner Seite und zum gepulsten Modus. Ich klicke auf Variablen und füge meine erste Variable hinzu, die meine API ist. Dies ist der Name der Variablen. Aber zuerst muss man ihm den Wert geben, den tatsächlichen Wert der ekligen oder aren't-Vesikel kann man hier sehen. Und dann können wir auch den Anfangswert hinzufügen. Der Anfangswert ist der Wert, der den Leuten angezeigt wird , wenn ich diese Sammlung mit ihnen teile. Also kann ich einfach versuchen , das zu umgehen. Wir trinken tatsächlich ein Bier für sie, anstatt ihnen den API-Schlüssel zu zeigen , damit sie wissen, dass sie hier ihren eigenen API-Schlüssel haben , um ihn zu verwenden, anstatt zu fallen. Also bin ich fertig mit dem Hinzufügen meiner ersten Variablen. Ich kann gehen und auf Speichern klicken. Gehen wir nun zum Autorisierungsbereich. Im Autorisierungsbereich muss ich ein Barriere-Token hinzufügen , das es der Regel ermöglicht, meine API zu verwenden. Ich werde auf diese Drop-down-Liste hier klicken und das Barriere-Token auswählen. Um ein Token hinzuzufügen, müssen Sie nur eine geschweifte Klammer hinzufügen und einfach den API-Schlüssel auswählen, der gut passt. Also haben wir unseren API-Schlüssel konfiguriert, wir haben ihn hinzugefügt und wir haben eine konfigurierte Autorisierung hinzugefügt, um diesen API-Schlüssel in einer Erinnerung an diesen Tipp für diese Lektion verwenden zu können diesen API-Schlüssel in . Und in der nächsten Lektion werden wir damit beginnen, einige Parameter vorzubereiten , um das EBIT zu testen. 5. Einen Chatbot mit OpenAI-APIs erstellen: Modellintegration und Regel: Hallöchen. Willkommen zurück. In unserer heutigen Lektion werden wir das abschließen, was wir nach der Neukonfiguration begonnen haben . Wir sind Werke, die auf Postman basieren. Wir möchten eine Warnung und einige Parameter konfigurieren, um unsere API-Schlüssel zu testen. Also, wie werden wir das machen? Zunächst werden Sie damit beginnen , eine neue Anfrage zu erstellen. Wir gehen zu den Sammlungen auf der linken Seite. Wir gehen zu der neu erstellten Sammlung, die wir Test nennen. hier auf die Optionen klicken, wählen wir in diesem neuen Fenster, das hier erscheint, eine Anfrage hinzufügen aus. Da steht unsere neue Anfrage. Wir können die Anfrage benennen. Jetzt müssen wir entscheiden, um welche Art von Anfrage es sich handelt. Wofür verwenden wir unsere API? Um Daten zum Posten zu bekommen, um zwei Teile an die Spitze zu setzen. Und es gibt viele andere Optionen, die wir tun können. Ich nehme die Post. Jetzt müssen wir unsere URL eingeben. Die URL ist die URL. Wir senden eine Anfrage an. Diese URL stammt eigentlich von open EI. Wir werden also über die Standard-HTTPS-Slash-API Urban II sprechen . Kommt noch. Das reicht nicht aus, da wir diese Anfrage an ein bestimmtes Open AI-Modell senden. Wir müssen zu Open AI gehen und den Endpunkt dieses spezifischen Modells ermitteln. Also gehe ich zurück, um einen High-Speed-Bereich zum Dokumentationsbereich zu öffnen , gehe nach links, um auf Modelle zu klicken. Ich kann nach unten scrollen. Und wie ihr seht, die Endpunkte der einzelnen Modelle, welche Modelle zu verwenden bereit sind, wollen wir die Endpunkte der einzelnen Modelle, welche Modelle zu verwenden bereit sind, für das GPT-Turbomodell mit dreieinhalb Turboladern verwenden. Das ist also der Endpunkt , den wir zu unserer URL hinzufügen müssen. Ich kopiere es. Ich gehe zurück zum verdienten Lernen und füge es hier hinzu. Das war's. Gut. Ich werde es speichern. Also habe ich zuerst meine URL vorbereitet und dann muss ich jetzt damit beginnen, ihre Zweige vorzubereiten. Fangen wir zum Beispiel diese Anfrage zu senden und zunächst ihre Anfrage anzusehen, die wir erhalten haben Diese Anfrage hat einen Status, der 400 heißt, weil dies eine schlechte Anfrage ist. Obwohl er eine absolut schlechte Anfrage hat, sieh dir die Nachricht an, die du hier erhalten hast. Es besagt, dass wir einen Modellparameter angeben müssen. Gut. Um diese Parameter hinzuzufügen, werden wir ein wenig tun. Die Standardeinstellung ist der Autorisierungsteil. Denken Sie daran, dass wir keine Genehmigung haben. Also werde ich meinen API-Schlüssel hinzufügen. Denken Sie an das Barriere-Token, das war der API-Schlüssel. Ich füge es hier hinzu. Gut. Jetzt gehe ich zum Körperteil. Im Hauptteil muss ich ein JSON-Format erstellen, das gekocht ist. Was ist Jason? Das Jason-Format ist eine Codestruktur, die tatsächlich mit der Anwendung verwendet wird. Also klicken wir auf die Zeile und es wird nicht besteuert. Wir möchten, dass dieser Text im JSON-Format vorliegt, und beginnen wir mit der Vorbereitung unserer Parameter. Zunächst wollen wir das Modell vorbereiten. Der Name des Modells, das wir Nic District schicken, war zwei. Und dann fügen wir die Nachricht in diese Nachrichten ein, die wir unserer Anfrage senden werden Wir müssen verschiedene Dinge klären. Was sind das für Dinge? Zunächst möchten wir wissen, welche Rolle dieses GPT-Modell spielt. Was wird es mir geben? Ich möchte, dass dieses Modell eine bestimmte Rolle spielt, z. B. als Dozent in bestimmten Bereichen wie der Python-Sprache. Also werde ich diese Rolle in meiner Anfrage senden. Ich möchte auch eine Nachricht vom Benutzer senden. Was möchtest du von der Schokolade bekommen? Also lass uns gehen. Ich beginne mit der Eingabe von geschweiften Klammern. In diesen geschweiften Klammern beginne ich mit der Eingabe des Modells. Also doppeltes Anführungszeichen, Modell und Semikolon. Nochmals, um welches Modell handelt es sich? Gehen wir zurück zu den Modals. Unser Modell ist GPT-3-einhalb Jahre haltbar. Also tippe es einfach oder kopiere es und füge es hier ein. Gut. Wir sind damit fertig, den Namen dafür zu nennen. Jetzt werde ich am Sonntag mit der Gestaltung der Nachrichten beginnen. Also werde ich mit Nachrichten weitermachen. Und was sind das für Nachrichten? Ich öffne die eckige Klammer. Und weil ich eigentlich verschiedene Nachrichten sende, ist die erste die Rolle und der Inhalt des Systems selbst. Ich gehe los. Und welche Rolle ist das? Das ist die gute und enge Rolle des Systems. Geben wir ihm die Kontinente. Dies muss jedoch zwischen doppelten Anführungszeichen liegen. Was ist der Inhalt? Du bist ein Python-Lehrer. Also, indem ich diese Anfrage vorbereite, bitte ich GPT-3 und ein halb schreckliches Model, als Python-Instruktor zu fungieren, mir eine Antwort auf jeden Satz, den ich als Benutzer schicken werde, schicken. Gut. Also sind wir damit fertig. Wir werden meine lockige Klammer hier schließen. Diese müssen sich innerhalb der geschweiften Klammer befinden. Und dann kopiere ich das und füge es erneut ein. Diesmal geht es jedoch darum, die Rolle des Benutzers zu bestimmen. Also werde ich dieses Wort hier System durch das unten begrenzte Wort Benutzer ersetzen . Ich werde alles schreiben, wofür Benutzer den Python-Lehrer benötigt. mir zum Beispiel einen Plan gegeben , um Kuchen für immer zu studieren. Das war's. Also habe ich das Modell vorbereitet, den Namen des Modells. Ich habe die Nachrichten vorbereitet, die ich an das Model senden möchte. zunächst daran, dass dies zwischen geschweiften Klammern stehen muss. Füge hier eine Spalte hinzu. Diese beiden müssen zwischen geschweiften Klammern stehen, und ich nehme an, wir sind bereit. Achte nur darauf, dass ich alles einreibe. Ich habe hier eine lockige Klammer. Ich muss es auf dieser Seite schließen und schon kann es losgehen. Ich kann auf Verschönern klicken. Dadurch sieht mein Code tatsächlich schöner aus. Gehen wir jetzt noch einmal los, schicken Sie unsere Anfrage und sehen Sie, was los ist. Und es dauert einige Zeit, meinen API-Schlüssel zu verwenden , um mit offenen KIs, GPT-2, dreieinhalb Turbomodalen zu kommunizieren und mit einer Antwort aus Kopenhagen zu antworten . Da ist es. Es hat eine ID für diese Anfrage gegeben oder es sendet mir mit Hilfe des GPT-3-Halb-Turbo-Modells einen Abschlussblock . Und wenn wir nach unten scrollen, könnt ihr sehen, dass der Inhalt, den wir erhalten haben sicher ist, dass er ein Partner von General Fund to Study war. Sie können mit den Grundlagen zu blah, blah, blah beginnen. Dies ist die gesamte eingegangene Antwort. Warum das? Wir haben unseren API-Schlüssel tatsächlich getestet , indem wir eine Anfrage zum Öffnen von EI gesendet und eine Vorschau der von ihm erhaltenen Antwort angezeigt haben. 6. Eine einfache Chatbot-Webseite mit OpenAI-API-Integration erstellen: Hallo und wieder willkommen. In unserer heutigen Lektion werden wir damit beginnen, den ersten Schritt zu tun , um unsere eigenen Pralinen herzustellen. Zuallererst müssen wir über unsere Tafel nachdenken. Wo wird es sein? Wenn es auf einer Webseite sein sollte, benötigen wir einen HTML-Code, um diese Webseite zu erstellen. Wenn es zu einer mobilen Anwendung hinzugefügt werden sollte, ist das eine andere Geschichte. Stellen wir uns also vor, wir möchten unsere Chatbots auf einer Webseite erstellen unsere Chatbots auf einer Webseite und haben keine Grundkenntnisse in der HTML-Sprache. Wir können tatsächlich die Hilfe des Chats mit BT verwenden, Wir können tatsächlich die Hilfe des Chats mit BT verwenden um unseren Code zu erstellen. Also lass mich dir zeigen, wie es geht. Ich gehe in einen Chat mit PT und sende Folgendes. Wie ihr also sehen könnt, schreibt mir keinen einfachen HTML-Code, um einen Chat-Bot zu erstellen, dessen Ausgabe darin besteht, dem Benutzer zu ermöglichen, eine Aufforderung zu senden, um unsere Antwort darauf zu erhalten, wobei die folgenden Parameter enthalten sind. Die Parameter, die wir für Postman vorbereitet haben, zuerst meine Endpunkt-URL, er zieht sich zurück und dann mein API-Schlüssel. Und schließlich der JSON-Code, den wir auf Postman vorbereitet haben. Sie können zurück zu Postman gehen und zur Anfrage gehen und das EBIT von hier aus kopieren. Sie können den JSON-Zeilencode von hier abrufen. Und Sie können auch die URL nehmen und sie darin einfügen. Sie sind normalerweise Bronchien. Nachdem ich dieses Produkt gesendet hatte, erhielt ich einen HTML-Code. Denken Sie daran, dass es mit Jot GPT nicht immer perfekt ist. Manchmal fügt es dem Code einige andere Dinge hinzu , die wir nicht benötigen , um kreativer zu sein. Oder manchmal reagiert es mit einer sehr seltsamen Antwort. Sie müssen also gut an Ihren Problemen arbeiten , um die beste Antwort zu erhalten. Ein Verb, denken Sie daran, das Wort sind bowed hinzuzufügen, da dies eigentlich nicht nur ein HTML-Code ist. Es kann tatsächlich einige andere Java- oder PHP-Anweisungen hinzufügen , von denen tatsächlich echte Chatbots erstellt werden. Ich kopiere den Code hier drüben. Goldbach, starte eine neue Route, aber jeder verdient sich einen HTML-Online-Runner. Dies ist ein Tool, mit dem wir unseren HTML-Code tatsächlich testen können. Wie die Kosten sehen können, gibt es hier einen HDL-Code. Es zeigt, was dieser Code auf der rechten Seite hier macht. Also lösche ich das, füge es aus meinem Gold ein. Und wie ihr seht, gehe ich hier auf die rechte Seite und den Einwegcode. Da ist es also. Das ist ein Chat-Bot. In diesem Textfeld kann ich jede gewünschte Aussage für den Python-Lehrer senden . Und es fängt an und sagt, hallo, gefunden, wir warten auf das Gesetz, um zu sehen, was passieren wird. Nochmals, ich werde Spielzeug schicken. Da hast du es. Hallo, wie kann ich dir mit Weiß weiterhelfen? Wenn wir also zu unserem HTML-Code zurückkehren und die Rolle des Systems ändern, können wir tatsächlich unterschiedliche Antworten erhalten. Auch hier ist es mit dem Proving Line Tool kompatibel, mit dem Sie Python lernen möchten. Jetzt werde ich es abschicken und abwarten, welche Antwort wir erhalten. Es kann also einige Zeit dauern, bis ich antworte, weil es tatsächlich ein LIHEAP-Werkzeug öffnet, ihnen diese Aufforderung sendet und mit meinem EBIT tatsächlich ihren Ehepartner Bach empfängt, wie ihr hier sehen könnt. Sicher, er ist ein Blinder, dem du folgen könntest , um von Fern zu lernen. Zuallererst lernen, die Grundlagen werden verkauft. Das war's für heute, wir haben mit Hilfe von GPT einen HTML-Code vorbereitet. Denken Sie daran, dieser Tafel Ihre eigenen Parameter hinzuzufügen. Und wir haben es mit diesem Online-HTML-Code Runner getestet. Danke fürs Zuschauen. 7. Chatbot auf 000webhost bereitstellen und testen : Kostenloses Hosting für Projekt: Hallo und willkommen zurück. In der vorherigen Lektion haben wir gelernt, unseren eigenen Vortrag zu erstellen. In dieser Lektion werden wir es online auf create, unserer ersten Website, hosten. Dazu verwenden wir Nullen, Nullen, Null, wir posten. Das ist eigentlich ein Online-App-Hosting-Anbieter , der einfach und kostenlos zu bedienen ist. Und es eignet sich hervorragend für Lernzwecke. Also lasst uns anfangen. Zuallererst gehe ich auf eine neue Webseite, gehe zu Triple Zero, wir haben Skull gepostet. Denken Sie daran, dass Sie Ihr Konto erstellen und sich bei Ihrem Konto anmelden müssen Ihr Konto erstellen und sich bei Ihrem Konto anmelden Es ist völlig kostenlos. Um eine neue Website zu erstellen, klicke ich auf Neue Website erstellen . Nennen wir unsere Website. Ich nenne es Mary. Mary. Entscheiden Sie sich für Chatbots. Dies ist nur ein Name zum Testen mit dem Passwort. Ich werde das durchziehen und kreieren. Es kann einige Zeit dauern, die neue Website zu erstellen, aber danach ist es ein einfacher Vorgang. Wie Sie sehen können, wurde meine Website erstellt, hier ist sie, Mary Mary Chat-Bot. Jetzt kann ich es tatsächlich schaffen, zu den Dateien dieser Website meinen HTML-Code hinzuzufügen und ihn zu testen. Also gehe ich zu Jewel Manage. Und sobald ich auf meiner Website bin, können Sie sehen, dass ich tatsächlich eine WordPress-Website erstellen, viele Dinge verwalten und konfigurieren kann eine WordPress-Website erstellen, , aber ich scrolle nach unten und arbeite an Fine Manager Insight. Der Dateimanager ist der Ort, an dem wir unseren HTML-Code hinzufügen. Ich gehe hier zum öffentlichen HTML-Bereich. Und wir werden eine neue Datei hinzufügen. Diese Datei nenne ich Indexpunkt-HTML. Ich kann meine Datei auch hierher ziehen und dort ablegen. Und ich erstelle es und greife darauf zu. Da ist es. Ich gehe zurück zu unserem Chatbot-Copyright-Code und gehe zurück zu meinem Manager, füge ihn ein, speichere ihn und schließe ihn. Sobald es bereits gespeichert ist, kann ich es schließen und zu meinem Dashboard zurückkehren. Und wie ihr seht ist hier der Link oder so kann ich meine Schokolade eintragen. Also werde ich darauf klicken. Und hier heißt es, lass uns unseren Chatbot testen, indem wir High senden. Und mal sehen, ob es funktioniert. Da hast du es. Es reagiert. Aber wenn ich Keller sage, wie kann ich Ihnen heute weiterhelfen? Wie ihr sehen könnt, verwenden wir das vorherige SEM of Code und das haben wir als Hosting gemacht. Wir haben unsere eigene Website erstellt und sie ist bereits da und einsatzbereit. 8. Deinen benutzerdefinierten Chatbot konfigurieren und bereitstellen: Hochladen auf Live-Server: Hallo und willkommen zurück zu einer neuen Lektion. In unserer heutigen Lektion werden wir das beenden, was wir in diesem Kurs begonnen haben. Und das heißt, den neu erstellten Chatbot zu verwenden und ihn zu einer Online-Website hinzuzufügen. Aber das geht nicht nur darum, eine sehr einfache Jobbörse hinzuzufügen, wir werden tatsächlich an einem schönen Stil für diesen Chatbot arbeiten. Um das zu tun, habe ich hier drei Dateien für Sie vorbereitet. Und diese Klausel, wir haben den HTML-Code, das JavaScript, das CSS. Für diese drei Dateien können Sie tatsächlich einige Konfigurationen vornehmen. Sie haben Ihren eigenen Chatbot bereit, der dann mit anderen geteilt wird. Zuallererst habe ich, wie ihr sehen könnt, diese Assets-Datei. In der Assets-Datei habe ich gerade die Bilder hinzugefügt, die ich für den Aufbau meiner Werkstatt verwenden werde. Um zu überprüfen, wie das aussieht, gehe ich zurück zu meinen Dateien und klicke auf den HTML-Code. Sobald ich darauf geklickt habe, wie ihr sehen könnt, habe ich diesen Stil, mit den Bildern auf zwei Arten zu schokoladieren. Und es erwartet tatsächlich, dass ich meine Nachricht hier drüben schreibe und abschicke, um eine Drüsenantwort zu erhalten. Ich werde mit Senden hoch weitermachen, z. B. indem ich auf dieses Symbol hier drüben klicke und abwarte, was passieren wird. Ich habe auch eine neue Nachricht gesehen, oder? Sie denken hier an eine Nachricht. All diese sind also einstellbar. Du kannst hier die Icons, die Bilder, was auch immer du schreiben willst ändern die Bilder, was auch immer du schreiben willst und trotzdem damit arbeiten. Wie ihr seht, gibt es keine Antwort, da wir auch unseren API-Schlüssel hinzufügen und sicherstellen müssen , dass es sich einen aktiv funktionierenden Chat-Bot handelt. Um das zu tun, kehren wir zu dem Bußgeld zurück bereiten es vor und beginnen, mit unseren Codes zu arbeiten. Dazu beginne ich mit meinem HTML-Code. Ich klicke mit der rechten Maustaste darauf und öffne es als Notizblock. In dieser Textdatei werde ich zwei Dinge ändern, z. B. die Willkommensnachricht und die Hinweisnachricht, die den Benutzern unten angezeigt wird. Suchen wir also nach dem Wort Willkommen. Und wie das Glas hier sehen kann, heißt es, statt Flow com kannst du sagen: Hi, wie kann ich dir helfen? Gut, das ist es. Und wir können auch nach der Hinweisnachricht suchen. Die folgende Meldung ist die Nachricht , die den Benutzer im Textbuch bedroht. Also könnte ich deine Frage hier schreiben. Gut. Das war's. Das ist also eigentlich der HTML-Codepunkt, der unsere Breitenseite und ihren Inhalt strukturiert . Also werde ich es speichern, Control S, das schließen und zurück zu meiner Website gehen, diese Nachricht hier ansehen, diese Nachricht hier abrufen und ich werde die Seite aktualisieren. Sehen Sie, wie ich, wie kann ich Ihnen helfen und schreiben Sie Ihre Fragen hier? Sie können auch ändern was Sie wollen, oder schreiben, was Sie wollen. Als Nächstes müssen wir also an unserer nächsten Datei arbeiten, dem JavaScript. Ich gehe und öffne es, die Stöcke sind gebunden. Und hier müssen noch einige andere Anpassungen vorgenommen werden. Die erste besteht darin, sie System School zu schreiben. Denken Sie daran, dass unser System ein Python-Lehrer sein soll, also werde ich es richtig machen. Du bist dann ein ruhiger Lehrer. Dadurch wird unsere Schokolade tatsächlich ihre Rolle in einem sehr guten Zustand verstehen. Dann scrolle ich nach unten, schau hier, Roger, ich denke hier an eine Nachricht. Wann immer wir also darauf warten , dass unsere Antwort eingeht, können wir tatsächlich für den Benutzer schreiben, z. B. oder Ihnen einfach etwas Zeit geben oder so. Ich werde es einfach zeichnen, denke ich, und das war's. Gut. Eine weitere Änderung ist das Hinzufügen unseres API-Schlüssels. Und wenn Sie suchen, werden Sie diesen API-Schlüssel finden. Hier. Ich füge meinen API-Schlüssel hinzu. Also hier ist es. Ich habe es kopiert, da Sie es einfach kopieren und hier einfügen können oder gehen Sie zu Open AIR und generieren Sie ein neues. Also werde ich meine API hier einfügen. Und ich glaube, ich bin bereit zu gehen. Ich werde das speichern, indem ich auf Control S klicke oder einfach die Datei knarrt. Speichern und schließen Sie diese Datei. Gehen wir zurück zu unserer Seite und testen, ob sie jetzt funktioniert. Also werde ich mit dem Folgenden fortfahren. Hallo, unterschreibe meine Aufforderung und schau, ob es tatsächlich funktioniert. Okay, ich muss zuerst die Seite aktualisieren. Wisse, es kann gehen und abzüglich des Huhns schicken. Es heißt weiter denken, während wir draußen sind und los geht's. Es antwortete mit einem Hallo Wie kann ich Ihnen heute mit der ersten Python-Konsole weiterhelfen? Gut. Jetzt ist die dritte Einstelldatei, oder die dritte Anpassung besteht darin, an diesem Reifen zu arbeiten. Das ist also unsere CSS-Datei. Wir müssen es nicht anpassen, aber um die Form oder irgendetwas, das wir für das Design unserer Website wollen , zu ändern , können wir hier tatsächlich an dieser Datei arbeiten. Z. B. literarisch. Entferne diesen CSS-Code, kehre zu unserer Seite zurück und aktualisiere ihn. Und wie Sie sehen können, der ganze Stil geändert. Dies sind also die drei grundlegenden Dateien, die Sie benötigen , um einen guten Stil und eine gut aussehende Schokolade zu kreieren. Jetzt habe ich meine Akten hier fertig. Lass uns gehen und sie zu unserer gehosteten Website hinzufügen. Also gehe ich zurück zu meiner Website auf Treble Zero. Wir posten hier, es heißt, dass dies meine vorherige Website ist, die, die ich zuvor gemacht habe. Ich kann zum Abschnitt Verwalten gehen, zum Dateimanager und im Dateimanager meine Dateien hochladen. Es ist gut für den baltischen HTML-Bereich. Lösche die vorherigen Dateien hier. Diese neuen Gewässer. Jetzt gehen wir hierher, ziehen meine Dateien, gehen zurück und bearbeiten sie. Sobald sie hochgeladen sind. Ich glaube, ich werde es bereit haben, die Website mit einem Chat-Bot zu verwenden. Gut, da ist es. Gehen wir zurück zu unserer Website. Es macht Spaß, auf die verdiente Seite der Website zu klicken. Wie das Vice hier sehen kann, handelt es sich einen Online-Chatbot, den Sie mit Ihren Freunden teilen können, aber auch vertraut wird. Warum? Es denkt immer noch, hallo, wie kann ich dir heute weiterhelfen? Sind in Not. Drittens, sagen wir Poisson Commerce. Was machen sie? Und dann werden wir das an die Tafel schicken und sehen was sie uns antworten würden. Jetzt, okay. Da haben wir es. Da stand, klar, hier sind drei Tastenbefehle und was sie bewirken, Frau die erste Marke drauf gesetzt. Das ist also unser Online-Lehrbuch, das ordnungsgemäß funktioniert. Ich hoffe, dir hat die Lektion gefallen.