OpenAI API: Att programmera AI-baserade chattar, säljassistenter och textäventyr. Språk: Tyska

OpenAI API: Programmera KI-baserade chattar, säljassistenter och textäventyr.

AI & Trender, Webbdesign, CMS & utveckling 36 Videor · 3.5 h Videoträning · Svenska Stephan Haewß av Stephan Haewß

Vill du utveckla AI-baserade chattar som kan interagera med dina användare, liknande ChatGPT? I den här kursen visar utvecklare Stephan Haewß dig hur du integrerar OpenAPI:s API för dina syften. Genom tre exempel (en chatt, en försäljningsassistent för online-butiker och ett text-äventyr) lär du dig att få dina webbsidor och appar att prata så att de kan ge lämpliga svar på dina användares frågor.

  • Hur du låter OpenAIs LLM prata i dina webbplatser, onlinebutiker och spel
  • Kraften bakom ChatGPT - så ansluter du OpenAIs API till dina utvecklingar
  • Exempelchatt: Programmera AI-baserade chattappar som interagerar med dina användare.
  • Exempeltextäventyr: Utveckla ett spel där NPC:er ger AI-genererade svar
  • Exempel säljassistent: Så talar din onlinebutik med dina användare om produkter
  • Chatter baserat på AI – en över tre timmar lång handledning av Stephan Haewß

Av text genererad av artificiell intelligens - lär dig nu hur du integrerar den på ett riktat och specifikt sätt i dina applikationer.

Innehåll

36 Videor, 209 Minuten

Intro till kursen

1 Videor · 3 Minuten
01 Öppen Gratis

Vad kan du förvänta dig i kursen?

Det här kan du förvänta dig i den här OpenAI API-kursen.

01

Vad kan du förvänta dig i kursen?

3 min Öppen

Inledning

3 Videor · 16 Minuten
02 Öppen Gratis

OpenAI API: 2.1 | Verktyg som vi kommer att använda

I den här videon kommer verktygen som används och de nödvändiga kunskaperna att diskuteras.

03 Öppen Gratis

OpenAI API: 2.2 | OpenAI-plattformen

Här handlar det om OpenAI-plattformen och hur man kan använda den.

04 Öppen

OpenAI API: 2.3 | VIKTIGT: Uppdatering av OpenAI-API:n och av AstroJS

Här handlar det om uppdateringen av OpenAI. Ta reda på vilka ändringar som har gjorts. I projektfilen är allt viktigt sammanfattat igen.

02

OpenAI API: 2.1 | Verktyg som vi kommer att använda

4 min Öppen
03

OpenAI API: 2.2 | OpenAI-plattformen

5 min Öppen
04

OpenAI API: 2.3 | VIKTIGT: Uppdatering av OpenAI-API:n och av AstroJS

7 min Öppen

Programmera en chat-app

11 Videor · 68 Minuten
05 Öppen

OpenAI API: 3.1 | Skapa det grundläggande AstroJS-projektet.

Vi skapar vårt första projekt med npm create astro och undersöker strukturen av produkten.

06 Öppen

OpenAI API: 3.2 | Lägg till React i vårt projekt.

Eftersom vi använder React för vårt UI måste Astro JS först göras kapabel att använda React-komponenter.

07 Öppen

OpenAI API: 3.3 | Lägg till en endpoint till servern

Vår slutpunkt för chattjänsten kommer att vara en get-Request till URL:en /api/chatt. Vi kommer att skapa denna slutpunkt i den här videon.

08 Öppen

OpenAI API: 3.4 | Förberedande av anropet till OpenAI:s API

För att använda OpenAI:s API behöver vi förutom en API-nyckel som vi kan generera via vårt konto på OpenAI-plattformen, även openai-npm-paketet.

09 Öppen

OpenAI API: 3.5 | Överföring av användarmeddelande till OpenAI-API:n

För att testa har vi använt en fast text på servern. Här vill vi för första gången använda texten som skickas av webbläsaren i URL som frågeparameter.

10 Öppen

OpenAI API: 3.6 | Grundläggande UI i React

Bara att chatta över URL:en i webbläsarens adressfält är inte en långsiktig lösning. Därför skapar vi i den här videon ett grundläggande React-användargränssnitt som tillåter inmatning av chatttexten.

11 Öppen

OpenAI API: 3.7 | Spara chattens historik

Än så länge har vi ingen riktig chatt, utan bara få en fråga och svaret på den. För att ha en givande konversation med LLM måste vi komma ihåg chattloggen.

12 Öppen

OpenAI API: 3.8 | Återställ chattklädet

Ibland vill man bara börja om från början och glömma det som sagts. För att inte behöva starta om servern använder vi en chatt-ID för att återställa chattloggen på servern.

13 Öppen

OpenAI API: 3.9 | Förbättra användarupplevelsen

Hittills har chattandet varit ganska rudimentärt. Här kommer några förbättringar att implementeras som kommer att skjuta vår chattapp lite mer mot ChatGPT.

14 Öppen

OpenAI API: 3.10 | Försköna chattloggen

Chathistoriken har varit svåra att läsa hittills och görs lite "finare" i den här videon.

15 Öppen

OpenAI API: 3.11 | Sammanfattning: Första Chat-App

Nu är vår första chattapp klar och ändå finns det mycket att göra om man vill utmana ChatGPT. ;-) Om man inte vill det kan man gå vidare till nästa avsnitt med ett nytt projekt.

05

OpenAI API: 3.1 | Skapa det grundläggande AstroJS-projektet.

5 min Öppen
06

OpenAI API: 3.2 | Lägg till React i vårt projekt.

5 min Öppen
07

OpenAI API: 3.3 | Lägg till en endpoint till servern

4 min Öppen
08

OpenAI API: 3.4 | Förberedande av anropet till OpenAI:s API

11 min Öppen
09

OpenAI API: 3.5 | Överföring av användarmeddelande till OpenAI-API:n

5 min Öppen
10

OpenAI API: 3.6 | Grundläggande UI i React

7 min Öppen
11

OpenAI API: 3.7 | Spara chattens historik

8 min Öppen
12

OpenAI API: 3.8 | Återställ chattklädet

5 min Öppen
13

OpenAI API: 3.9 | Förbättra användarupplevelsen

9 min Öppen
14

OpenAI API: 3.10 | Försköna chattloggen

7 min Öppen
15

OpenAI API: 3.11 | Sammanfattning: Första Chat-App

2 min Öppen

KI-chat i ett textäventyrspel

13 Videor · 81 Minuten
16 Öppen

OpenAI API: 4.1 | Skapa projektet

Vi sätter upp det nya projektet och använder oss av vår första Chat-App.

17 Öppen

OpenAI API: 4.2 | Historien

Ett spel behöver en historia. I den här videon presenterar jag min idé för det och gör de första förberedelserna för navigeringen genom spelet.

18 Öppen

OpenAI API: 4.3 | Förbereda uppdragen

Tre uppdrag (chats) måste spelaren klara av för att nå slutet av spelet. Dessa förbereder jag i den här videon.

19 Öppen

OpenAI API: 4.4 | Den första AI-chatten

Bartendern är den första chattenpartnern i detta spel och "väcks till liv" i denna video.

20 Öppen

OpenAI API: 4.5 | System-Prompt för bartendern

Hittills har bartendern varit lite omedveten om sin roll i spelet. Vi åtgärdar det genom att lägga till den första systemprompten.

21 Öppen

OpenAI API: 4.6 | Funktionsanrop

Vår chattvän har blivit helt uppslukad av sin roll som bartender, men i programmet vet vi ännu inte om uppdraget har slutförts av spelaren. Funktionanrop kan användas för detta ändamål, som LLM kan utföra på egen hand om det anser att det är lämpligt. Vi måste se till att det faktiskt görs.

22 Öppen

OpenAI API: 4,7 | Funktionsanrop: Leverans av resultat

Funktionsanrop kan ha returvärden och dessa måste vi också meddela AI:n, vilket vi åstadkommer i den här videon.

23 Öppen

Öppen AI API: 4.8 | Markera uppdraget som slutfört.

Webbläsaren måste meddelas att uppdraget är slutfört, först då kan spelaren prata med Dr. Owen och komma närmare målet.

24 Öppen

OpenAI API: 4.9 | Lämna chatten

Också den vackraste konversationen måste ta slut, men hur får vi detta att fungera i programmet? Genom ett funktionsanrop förstås.

25 Öppen

OpenAI API: 4.10 | Prata med Dr. Owen

Till sist kan spelaren prata med AI-experten för att få reda på lösningen på det sista pusslet.

26 Öppen

Öppna OpenAI API: 4.11 | Starta ny chatt på servern.

Barkeeper och Dr. Owen är två olika karaktärer och får därför inte dela någon chattlogg. Därför bör vi skapa en ny chattlogg för Dr. Owen.

27 Öppen

OpenAI API: 4.12 | Ny frågefunktion tillgänglig för Dr. Owen

Dr. Owen behöver en funktion så att vi får reda på att spelaren har blivit ombedd att lösa sitt lilla säkerhetsrobotproblem och har fått ett svar. Du får svaret i den här videon.

28 Öppen

OpenAI API: 4.13 | Chatt med säkerhetsroboten

Vår slutboss i det här spelet är säkerhetsroboten som har vägrat att släppa förbi oss hela tiden. Men nu har spelaren makten eller snarare kunskapen att till slut lura honom.

16

OpenAI API: 4.1 | Skapa projektet

5 min Öppen
17

OpenAI API: 4.2 | Historien

6 min Öppen
18

OpenAI API: 4.3 | Förbereda uppdragen

5 min Öppen
19

OpenAI API: 4.4 | Den första AI-chatten

4 min Öppen
20

OpenAI API: 4.5 | System-Prompt för bartendern

9 min Öppen
21

OpenAI API: 4.6 | Funktionsanrop

6 min Öppen
22

OpenAI API: 4,7 | Funktionsanrop: Leverans av resultat

6 min Öppen
23

Öppen AI API: 4.8 | Markera uppdraget som slutfört.

4 min Öppen
24

OpenAI API: 4.9 | Lämna chatten

9 min Öppen
25

OpenAI API: 4.10 | Prata med Dr. Owen

4 min Öppen
26

Öppna OpenAI API: 4.11 | Starta ny chatt på servern.

8 min Öppen
27

OpenAI API: 4.12 | Ny frågefunktion tillgänglig för Dr. Owen

6 min Öppen
28

OpenAI API: 4.13 | Chatt med säkerhetsroboten

9 min Öppen

Virtuell säljassistent för en onlinebutik

7 Videor · 37 Minuten
29 Öppen

OpenAI API: 5.1 | Skapande av det nya projektet

Vårt nya projekt tar oss till gitarrbutikernas värld, naturligtvis med vänligt stöd från OpenAI:s API, som gör det möjligt för oss att förverkliga en virtuell försäljningsassistent.

30 Öppen

OpenAI API: 5.2 | Bättre produktsökning

Hittills har försäljningsassistenten inte varit särskilt bra på rådgivning. Detta ska nu förbättras med en simulerad "databas" med hjälp av kartor.

31 Öppen

OpenAI API: 5.3 | Fler produkter

Hittills har vi bara haft 2 produkter som vi nu utökar till 4 i den här videon. Det viktiga här är att vi nu har flera produkter per typ och kan därför fråga säljassistenten vilka elbasar som finns i sortimentet.

32 Öppen

OpenAI API: 5.4 | Flera parametrar i funktionsanrop

Priset är inte allt när man köper en gitarr, men en kund som inte vill ta en ny bostadslån bör ändå kunna fråga säljaren om elgitarrer i det lägre eller medelhöga prissegmentet. Detta uppnår vi genom att lägga till en andra parameter prisintervall i den aktuella funktionen, som sedan LLM ska anropa.

33 Öppen

OpenAI API: 5.5 | Åtgärd för icke-definierat prisområde.

Vi har förstört det med den senaste videon. Men oroa dig inte, felet är snabbt åtgärdat om man vet var man ska leta.

34 Öppen

Lägg till produkt i varukorgen.

Vad vore en onlinebutik utan en varukorg? Även om vi inte kommer att implementera en riktig varukorg (det är inte syftet med den här kursen), kommer vi i den här videon att skapa grunderna så att ni kan ansluta en varukorg till den virtuella försäljningsassistenten. Även här kommer funktionsanropet till undsättning!

35 Öppen

OpenAI API: 5.7 | Otydlig produktssökning

Kunder kommer i de flesta fall bara ha en grov idé om produkternas namn. LLM kan bara göra funktionsanrop med de namn som finns i kundens förfrågan. Men med en liten knep kan AI enkelt användas för en "oskarp" sökning i produktnamnen i dessa fall.

29

OpenAI API: 5.1 | Skapande av det nya projektet

8 min Öppen
30

OpenAI API: 5.2 | Bättre produktsökning

7 min Öppen
31

OpenAI API: 5.3 | Fler produkter

3 min Öppen
32

OpenAI API: 5.4 | Flera parametrar i funktionsanrop

5 min Öppen
33

OpenAI API: 5.5 | Åtgärd för icke-definierat prisområde.

3 min Öppen
34

Lägg till produkt i varukorgen.

5 min Öppen
35

OpenAI API: 5.7 | Otydlig produktssökning

6 min Öppen

Slutsats

1 Videor · 6 Minuten
36 Öppen

OpenAI API: 6 | Vad har lärt sig, vad finns det kvar?

En liten sammanfattning av vad vi har uppnått i den här kursen, vad ni kan göra med det och vilka spännande API:er som finns på OpenAI.

36

OpenAI API: 6 | Vad har lärt sig, vad finns det kvar?

6 min Öppen
Kommentarer (0)

Kommentera nu „OpenAI API: Programmera KI-baserade chattar, säljassistenter och textäventyr.“