Video · 3:07

Erstellen Sie eine Kiosk-App mit dem SDK

Ein Entwicklerfilm: Claude Code schreibt einen Lobby-Kiosk gegen window.screenrig, liefert eine unveränderliche Version aus und reagiert auf einen Tipp eines Besuchers auf einem anderen Bildschirm.

SDK-Referenz lesenAgent einrichten

Ansehen

01Abspielen

3:07

Film / Kiosk-App mit dem SDK erstellen

3:07

Kestrel Labs, seine Besucher und jede ID sind Beispieldaten. Die App, die Befehle und die Ereigniszeile auf dem Bildschirm verwenden das SDK und CLI wie dokumentiert, ausgeführt von Claude Code.

02Kapitel

Kapitel

Jo fragt nach einem Lobby-Check-in-Kiosk. Claude Code schreibt ihn gegen window.screenrig, liefert ihn aus und reagiert auf die erste Berührung an der Willkommenswand.

  1. 0:00

    Der Kiosk, live

  2. 0:17

    Der alte Weg

  3. 0:30

    Jo fragt Claude Code

  4. 0:50

    Der Code

  5. 1:26

    Eine unveränderliche Version

  6. 1:51

    Ein Tippen erreicht den Agenten.

  7. 2:15

    Eine zweite Veröffentlichung

  8. 2:38

    Für Entwickler entwickelt

03Transkript

Erzählung

Transkript

Die Erzählung, wie sie gesprochen wird. Die Untertitel tragen dieselben Zeilen.

  1. 0:05

    Ein Check-in-Kiosk, geschrieben von einem Agenten. Und die Lobby reagiert auf jeden Tipp.

  2. 0:18

    Eine Kiosk-App bedeutete früher eine native Version für jedes Gerät und Ihren eigenen Server für jeden Klick.

  3. 0:31

    Jo baut interne Werkzeuge bei Kestrel Labs in Claude Code.

  4. 0:39

    Eine Anfrage: Besucher am Lobby-Kiosk einchecken und sie an der Wand begrüßen.

  5. 0:50

    Nichts zu installieren. Das Verpacken der App injiziert die Laufzeit, sodass window.screenrig einfach da ist.

  6. 0:57

    Warten Sie, bis der Player die Seite aktiviert. Dann melden Sie, dass sie bereit ist.

  7. 1:05

    Heutige Besucher leben im Schlüssel/Wert-Speicher der App. Ändern Sie die Liste, folgt der Kiosk. Kein neuer Build.

  8. 1:12

    Ein Tippen sendet ein benanntes Ereignis. Der Empfang bedeutet, dass das Backend es erhalten hat.

  9. 1:20

    Auf einem Querformat-Bildschirm ist dieselbe App die Willkommenswand.

  10. 1:26

    Upload erstellt eine unveränderliche Version, auf ihrem eigenen Ursprung.

  11. 1:33

    Eine Playlist-Pin, die für Kiosk und Wand freigegeben wird.

  12. 1:39

    Das Zuweisen wartet nicht auf das Glas, daher prüft der Agent. Screenshots kommen zurück.

  13. 1:52

    Ein Besucher tippt seinen Namen an.

  14. 1:56

    Der Tap erreicht den Agenten als Ereignis, und der Agent antwortet auf einem anderen Bildschirm.

  15. 2:02

    Der Kiosk kommuniziert nie direkt mit der Wand. Der Agent tut es.

  16. 2:15

    Jo möchte einen Knopf, um die Rezeption anzurufen. Das ist eine neue Version.

  17. 2:22

    Jede Veröffentlichung ist unveränderlich. Die Playlist verschiebt ihren Pin, wenn Sie es sagen.

  18. 2:28

    Und der Key/Value-Speicher wird übernommen, sodass die heutigen Besucher noch da sind.

  19. 2:39

    Kein Build-Schritt. Unveränderliche Releases. Zustand, der sie überdauert. Ereignisse mit Belegen und Webhooks für Ihren eigenen Dienst.

  20. 2:54

    screenRIG ist kostenlos, mit unbegrenzt vielen Bildschirmen.

  21. 2:59

    Bitten Sie Ihren Agenten, screenrig.ai einzurichten.

  22. 3:02

    Geben Sie Ihrem Agenten einen Bildschirm.

Erstellen Sie eine App, die für einen Bildschirm bestimmt ist

Jede Methode im Film ist im SDK-Referenzhandbuch: waitUntilActive, ready, kv und emitConfirmed.

SDK-Referenz lesenAlle Videos →