Skip to main content
storekit druckt einen festen Küchen-Bon. Dieses Rezept liefert Ihnen einen zweiten Bon, im Layout Ihrer Wahl, auf einem Star-Drucker, den Ihre eigene App steuert. Das Drucken und das Dashboard von storekit funktionieren wie bisher weiter.
Es gibt keinen Editor für individuelle Bon-Vorlagen im storekit-Dashboard, und das Layout der storekit-eigenen Bons lässt sich nicht ändern. Dieses Rezept umgeht das mit einem Drucker, den storekit nicht kennt. Lesen Sie Was dieses Rezept nicht tut, bevor Sie Hardware kaufen.

So funktioniert es

  1. Ein Gast gibt eine Bestellung auf. storekit sendet order.created.v2 an Ihre App.
  2. Ihre App verwandelt die Bestellung in einen Bon in Ihrem Layout und legt ihn in eine Druckwarteschlange.
  3. Ein Star-CloudPRNT-Drucker, der auf Ihre App statt auf storekit zeigt, pollt die Warteschlange alle paar Sekunden, druckt den Bon und bestätigt ihn.
Alles in Schritt 2 und 3 läuft in der App, die der KI-Builder für Sie erstellt. Stars CloudPRNT-Protokoll ist öffentlich und einfach – der Drucker fragt per HTTP „gibt es etwas zu drucken?”, Ihre App antwortet – daher kommen Builder gut damit zurecht, wenn ihnen die Regeln unten mitgegeben werden.

Was Sie brauchen

  • Webhooks in Ihrem storekit-Plan aktiviert (Settings → Developers).
  • Einen Star Micronics CloudPRNT-Drucker, der nicht mit storekit verbunden ist: einen TSP100IV, mC-Print2, mC-Print3 oder SP742 mit CloudPRNT-Firmware. Wenn Sie bereits einen dieser Drucker unter Direct Printing verbunden haben, brauchen Sie einen zweiten – ein Drucker kann nur einen Server pollen.
  • Die Web-Konfigurationsseite des Druckers, erreichbar über seine IP-Adresse im Netzwerk (siehe Druckerhandbuch, wie Sie die Netzwerkeinstellungen ausdrucken).
  • Ein Replit-Konto. Dieses Rezept braucht eine öffentliche URL, die rund um die Uhr verfügbar bleibt, sowie eine kleine Datenbank – beides liefert Replit. Lovable oder Bolt funktionieren, wenn Sie ein Backend anhängen; siehe Einen Builder wählen.

Schritt 1: Die App bauen

Fügen Sie den gesamten untenstehenden Block in einer einzigen Nachricht in den Builder ein. Bearbeiten Sie zuerst den Abschnitt mit der Markierung MY TICKET LAYOUT – das ist Ihr Layout, und das Beispiel ist nur ein Ausgangspunkt.

Either button opens the builder with the whole prompt below already filled in. Nothing starts until you press send, so read it through and edit the parts marked as yours first.

Der Builder wird Fragen stellen oder Ihnen eine funktionierende App zurückgeben. Beheben Sie Probleme, indem Sie den exakten Fehler einfügen und dabei Wenn der Builder es falsch macht folgen. Bevor Sie weitermachen, öffnen Sie /admin, klicken Sie auf die Test-Bon-Schaltfläche und lesen Sie den gerenderten Bon-Text in der Warteschlange – das Layout können Sie jetzt mit Folgenachrichten anpassen, bevor ein Drucker beteiligt ist.

Schritt 2: storekit verbinden

1

Open the webhooks portal

In the dashboard sidebar, go to Settings → Webhooks. If your plan includes webhooks and they are not yet enabled, click Enable Webhooks. If the page shows Upgrade to enable webhooks, contact support to discuss adding webhooks to your plan.
2

Add your app as an endpoint

In the embedded portal, add a new endpoint, paste the webhook URL your app builder gave you, and tick only the event types the recipe needs.
3

Copy the signing secret into your app

Open the endpoint you just created and copy its signing secret. In your app builder, save it as the environment variable STOREKIT_WEBHOOK_SECRET (builders call this “secrets” or “environment variables”). Redeploy if the builder asks you to.
4

Send a test event

Use the portal’s test option on the endpoint to send a sample event. The delivery log shows the response code from your app. A 2xx means your app accepted it; anything else, read the response body in the log — it is usually a missing secret.
Haken Sie für diesen Endpoint nur order.created.v2 an. Die Webhook-URL ist die, die auf /webhooks/storekit endet.

Schritt 3: Den Drucker auf Ihre App zeigen lassen

1

Die Web-Seite des Star-Druckers öffnen

Drucken Sie die Netzwerkeinstellungen des Druckers (die Methode variiert je nach Modell – üblicherweise Feed-Taste gedrückt halten beim Einschalten) und öffnen Sie die angezeigte IP-Adresse in einem Browser im selben Netzwerk.
2

Die URL Ihrer App eintragen

Suchen Sie auf der Web-Seite des Druckers (Stars Oberfläche, nicht das storekit-Dashboard) die CloudPRNT-Einstellungen und aktivieren Sie sie. Tragen Sie die Drucker-URL ein, die Ihr Builder Ihnen gegeben hat (die mit /cloudprnt/ gefolgt von einem langen Token – halten Sie dieses Token privat, es verhindert, dass andere Ihre Bons lesen) als Server-URL, setzen Sie ein Polling-Intervall von wenigen Sekunden und speichern Sie. Die genauen Feldnamen variieren je nach Modell und Firmware; Stars Handbuch für Ihren Drucker ist die Referenz.
3

Prüfen, dass der Drucker pollt

Laden Sie /admin neu. Die Drucker-Anzeige wird grün, sobald das erste Polling eintrifft. Bleibt sie rot, kann der Drucker Ihre URL nicht erreichen – prüfen Sie, dass die URL https:// ist, dass Sie die Einstellungen gespeichert haben und dass der Drucker Internetzugang hat.
4

Test-Bon drucken

Klicken Sie auf die Test-Bon-Schaltfläche in /admin. Der Drucker holt ihn beim nächsten Polling ab.
5

Eine echte Bestellung aufgeben

Bestellen Sie etwas Kleines in Ihrem eigenen Storefront. Ein Bon in Ihrem Layout sollte innerhalb weniger Sekunden nach der Bestellbestätigung gedruckt werden.

Ideen für Ihr Layout

Sobald der Basis-Bon druckt, ist das Layout nur noch eine Folgenachricht an den Builder entfernt:
  • Stationen-Abschnitte: Gruppieren Sie Artikel nach Kategorie in GRILL-/KALT-/GETRÄNKE-Blöcke oder queuen Sie einen separaten Bon pro Station.
  • Allergen-Matrix: Drucken Sie eine Zeile mit Allergen-Abkürzungen unter jedem Artikel aus dem Artikelnamen oder einer Nachschlagetabelle, die Sie auf der Admin-Seite pflegen.
  • Gang-Marker: Drucken Sie einen „---- HAUPTGERICHTE ----“-Trenner basierend auf der Kategorie.
  • Countdown bis zur Abholung: Bei Vorbestellungen „FERTIG IN 45 MIN” aus der gewünschten Zeit drucken.
  • Zwei Kopien: Queuen Sie den Bon doppelt – eine für den Pass, eine für den Fahrer.

Was dieses Rezept nicht tut

  • Es ändert den storekit-Bon nicht. storekit druckt weiterhin auf den Druckern unter Direct Printing wie bisher. Wenn Sie nur Ihren individuellen Bon möchten, entfernen Sie den Drucker aus Direct Printing und richten ihn stattdessen auf Ihre App – aber dann weiß storekit nicht mehr, dass der Drucker existiert, sodass der Status unter Printers, printer.status.offline-Alerts und das storekit-Druck-Log nicht mehr für ihn gelten.
  • Es ist Ihr Service. Der storekit-Support kann bestätigen, dass eine order.created.v2-Zustellung Ihre URL erreicht hat und welchen Antwortcode sie bekam; die App kann er nicht einsehen oder reparieren. Wenn nichts mehr gedruckt wird, starten Sie bei /admin und beim Zustell-Log im Webhooks-Portal.
  • Stornierungen werden nicht gedruckt, es sei denn, Sie fügen sie hinzu: order.canceled ist ein separates Event, und ein „STORNIERT”-Bon ist ein natürlicher nächster Folge-Prompt.
  • Nur Plaintext. Logos, Barcodes und große Schriften brauchen Stars Binärformate, die der Builder später hinzufügen kann, wenn Sie Unterstützung für application/vnd.star.starprnt verlangen.

Verwandt

Einen Prompt schreiben, der funktioniert

Die Struktur hinter diesem Prompt und was zu sagen ist, wenn der Builder es falsch macht.

Drucker-Einrichtung

storekits eigenes Drucken, einschließlich wie man einen Star-CloudPRNT-Drucker an storekit anschließt.

order.created.v2-Payload

Jedes Feld, das für Ihr Layout verfügbar ist.

Signaturen verifizieren

Was der Builder tut, wenn er die Svix-Header prüft.