Skip to main content
storekit stampa un kitchen ticket fisso. Questa recipe ti dà un secondo ticket, con il layout che preferisci, su una stampante Star gestita dalla tua app. La stampa e la dashboard di storekit proseguono esattamente come prima.
Non esiste un editor di template di ticket personalizzati nella dashboard storekit, e il layout dei ticket propri di storekit non può essere modificato. Questa recipe aggira il problema con una stampante che storekit non conosce. Leggi Cosa non fa prima di acquistare hardware.

Come funziona

  1. Un ospite effettua un ordine. storekit invia order.created.v2 alla tua app.
  2. La tua app trasforma l’ordine in un ticket nel tuo layout e lo mette in una coda di stampa.
  3. Una stampante Star CloudPRNT, configurata per puntare alla tua app anziché a storekit, interroga la coda ogni pochi secondi, stampa il ticket e lo conferma.
Tutto lo step 2 e lo step 3 girano nell’app che il builder AI crea per te. Il protocollo CloudPRNT di Star è pubblico e semplice — la stampante chiede “c’è qualcosa da stampare?” via HTTP, la tua app risponde — così i builder lo gestiscono bene quando vengono fornite le regole qui sotto.

Cosa ti serve

  • I webhook abilitati sul tuo piano storekit (Settings → Developers).
  • Una stampante Star Micronics CloudPRNT che non sia collegata a storekit: una TSP100IV, mC-Print2, mC-Print3 o SP742 con il firmware CloudPRNT. Se ne hai già una di queste collegata sotto Direct Printing, te ne serve una seconda — una stampante può fare polling verso un solo server.
  • La pagina di configurazione web della stampante, raggiungibile tramite il suo indirizzo IP nella tua rete (vedi il manuale della stampante per sapere come stampare le sue impostazioni di rete).
  • Un account Replit. Questa recipe ha bisogno di un URL pubblico che resti attivo 24 ore su 24 più un piccolo database, che Replit fornisce. Lovable o Bolt funzionano se attacchi un backend; vedi Scegliere un builder.

Step 1: costruisci l’app

Incolla nel builder tutto il blocco qui sotto in un unico messaggio. Modifica prima la sezione contrassegnata come MY TICKET LAYOUT — è il tuo layout, e l’esempio è solo un punto di partenza.

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.

Il builder farà domande o restituirà un’app funzionante. Risolvi i problemi incollando l’errore esatto, seguendo Quando il builder sbaglia. Prima di procedere, apri /admin, clicca il pulsante di test ticket e leggi il testo del ticket renderizzato in coda — puoi rifinire il layout con messaggi successivi ora, prima che entri in gioco una stampante.

Step 2: collega storekit

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.
Seleziona solo order.created.v2 per questo endpoint. L’URL webhook è quello che termina in /webhooks/storekit.

Step 3: punta la stampante alla tua app

1

Apri la pagina web della stampante Star

Stampa le impostazioni di rete della stampante (il metodo varia per modello — di solito tenendo premuto il pulsante di avanzamento carta durante l’accensione) e apri in un browser sulla stessa rete l’indirizzo IP mostrato.
2

Inserisci l'URL della tua app

Sulla pagina web della stampante (l’interfaccia Star, non la dashboard storekit) trova le impostazioni CloudPRNT e abilitale. Inserisci come server URL l’URL della stampante fornito dal tuo builder (quello che contiene /cloudprnt/ seguito da un token lungo — mantieni privato quel token, è ciò che impedisce ad altri di leggere i tuoi ticket), imposta un intervallo di polling di pochi secondi e salva. I nomi esatti dei campi variano per modello e firmware; il manuale Star della tua stampante è il riferimento.
3

Verifica che la stampante stia facendo polling

Ricarica /admin. L’indicatore della stampante diventa verde non appena arriva il primo poll. Se resta rosso, la stampante non riesce a raggiungere il tuo URL — controlla che l’URL sia https://, che tu abbia salvato le impostazioni e che la stampante abbia accesso a internet.
4

Stampa un ticket di test

Clicca il pulsante di test ticket su /admin. La stampante lo prende al polling successivo.
5

Effettua un ordine reale

Ordina qualcosa di piccolo sulla tua storefront. Un ticket nel tuo layout dovrebbe essere stampato entro pochi secondi dalla conferma dell’ordine.

Idee per il tuo layout

Una volta che il ticket base viene stampato, il layout è a un messaggio di distanza dal builder:
  • Sezioni per postazione: raggruppa gli articoli per categoria in blocchi GRILL / COLD / DRINKS, oppure metti in coda un ticket separato per sezione.
  • Matrice degli allergeni: stampa una riga di abbreviazioni di allergeni sotto ogni articolo, a partire dal nome dell’articolo o da una tabella di lookup che mantieni nella pagina admin.
  • Marcatori di portata: stampa un divisorio ”---- MAINS ----” in base alla categoria.
  • Countdown all’ora di ritiro: per i preordini, stampa “READY IN 45 MIN” a partire dall’orario richiesto.
  • Due copie: metti in coda il ticket due volte — uno per il pass, uno per il rider.

Cosa non fa

  • Non modifica il ticket di storekit. storekit stampa sulle stampanti sotto Direct Printing come prima. Se vuoi solo il tuo ticket personalizzato, rimuovi la stampante da Direct Printing e puntala invece alla tua app — ma allora storekit non sa più che la stampante esiste, quindi lo stato in Printers, gli alert printer.status.offline e il print log di storekit non si applicano più.
  • È il tuo servizio. Il supporto storekit può confermare che una consegna di order.created.v2 ha raggiunto il tuo URL e quale risposta ha ricevuto; non può vedere né riparare l’app. Se smette di stampare, parti da /admin e dal log delle consegne nel portale webhook.
  • Le cancellazioni non vengono stampate a meno che tu non le aggiunga: order.canceled è un evento separato, e un ticket “CANCELLED” è un naturale prompt di follow-up.
  • Solo testo semplice. Loghi, codici a barre e font grandi richiedono i formati binari di Star, che il builder può aggiungere in seguito se chiedi il supporto per application/vnd.star.starprnt.

Correlati

Scrivere un prompt che funziona

La struttura dietro questo prompt e cosa dire quando il builder sbaglia.

Configurazione della stampante

La stampa propria di storekit, incluso come collegare a storekit una stampante Star CloudPRNT.

Payload order.created.v2

Ogni campo disponibile per il tuo layout.

Verifica delle firme

Cosa fa il builder quando controlla gli header Svix.