Wie Sie ChatGPT mit Qwik.js in Ihre App einbinden | Smartere Apps mit generativer KI entwickeln
In diesem Video baut @heyAustinGil weiter an seiner versus-App. Austin verwendet Qwik.js mit der Fetch-API von JavaScript, um eine HTTP-Anfrage an die API von OpenAI zu stellen. Dies ermöglicht die Integration von ChatGPT in Web Apps.
Neu bei Cloud Computing? Starten Sie hier mit einem $100-Guthaben!
Kapitel:
0:00 Nachholbedarf
0:22 Was wir tun werden
0:48 OpenAI-Geheimschlüssel generieren
1:40 OpenAI-Referenz und Authentifizierung
4:00 Die erste HTTP-Anfrage stellen
6:50 Prototyp in die App integrieren
9:30 Formular testen
11:10 Fetch-Anfrage mit Prefill aktualisieren
12: 35 Formular erneut testen
12:40 Den API-Schlüssel verbergen
14:20 QwikCity-Aktionen verwenden
19:00 Frontend testen
20:05 Routen aktualisieren
22: 38 Formular testen
23:02 Antwort erforschen
24: 00 Formular erneut testen
24:20 Über den QwikOptimizer
26: 01 Umgebungsvariablen erstellen
29:55 Entwicklungsserver neu starten und testen
30:40 Styling-Aufräumarbeiten
31:30 OpenAI Antwort zur Seite hinzufügen
32:15 Formular testen
33: 27 Schlussfolgerung
Folgen Sie mit Austins GitHub.
Sehen Sie sich die Qwik.js-Dokumente an.
Siehe OpenAI Docs.
Erfahren Sie mehr über die Fetch API.
Abonnieren Sie, um über neue Episodeninformiert zu werden, sobald sie erscheinen.
#AkamaiEntwickler #openai #qwikjs #nodejs
Produkt: Akamai Developer, Open AI, Qwik.js, ChatGPT; @heyAustinGil
Das könnte Sie auch interessieren...
-
Selbst gehosteter P2P File Server | FilePizza mit Cloudron
In diesem Tutorial zeigen wir Ihnen, wie Sie Cloudron und anschließend FilePizza, eine selbst gehostete P2P-Dateiserver-Anwendung, installieren. -
Einführung in die Vim-Anpassung | Konfiguration und Plugins
Dieses Video beschreibt die Grundlagen der Vim-Konfiguration und zeigt Ihnen, wie Sie den ersten Schritt zur Anpassung von Vim machen können. -
Visualisierung von Daten mit ELK Stack | Elastic Stack Tutorial
Zähmen Sie Ihre Logs? CodeWithHarry führt Sie durch die Einrichtung und Analyse des ELK-Stacks (Elasticsearch, Logstash, Kibana). -
App-Bereitstellung mit NGINX & Supervisor | Python App From Scratch mit Justin Mitchel
Im letzten Teil dieser Serie über die Einrichtung einer Python Web App behandelt Justin den letzten Teil der Bereitstellung Ihrer Python App.