First real app tutorial

This is the canonical ATM app integration path. At the end, the app has a test environment, a receiver, a successful checkout path, and a redrive-safe event handler that fulfills only from ATM truth.

1. 01

   Register app

   Add the app role to the app DID and keep configuration in test mode.

2. 02

   Configure test

   Enable modules, add a receiver, copy the test secret, and subscribe to events.

3. 03

   Create checkout

   Create an app order, build the private ATM checkout envelope, and redirect the buyer.

4. 04

   Receive event

   Verify payment.completed, deduplicate the delivery id, and store the ATM payment id.

5. 05

   Fulfill

   Mark the app order paid and move toward live only after redrive and refund paths pass.

• An allowlisted app DID with access to app registration.
• A server runtime that can keep app secrets private.
• A tunnel or deployed test URL for HTTP webhooks.
• A test recipient that has completed payment setup when testing paid checkout.
• A plan for idempotency keys and delivery id deduplication.

1. 01

   Sign in

   Use the DID that represents the app, not an individual developer's personal account.

2. 02

   Request app role

   ATM adds the app role while preserving payer or creator roles on the same DID.

3. 03

   Complete profile

   Name, avatar, description, and app URL become the app-facing identity in ATM.

4. 04

   Stay in test

   The app dashboard defaults to test configuration for modules, secrets, and receivers.

The starter kit proves local receiver verification and status handling before you wire application-specific order logic.

cd examples/atm-node-app
cp .env.example .env
npm run build --prefix ../../packages/app-node
npm install
npm run typecheck
npm run smoke
npm run dev

curl http://localhost:8787/health

The compact source file at docs/developer/examples/happy-path-app.tsshows the same app-order, checkout, webhook, and fulfillment sequence without the full starter-kit HTTP server.

For a real app, create an app order first, then create the ATM checkout envelope from that order. The browser should receive only the returned ATM checkout URL.

const order = await createAppOrder({
  recipientDid,
  amountCents: 1200,
  currency: "usd"
});

const checkout = await atm.initiatePayment({
  environment: "test",
  recipient: order.recipientDid,
  amount: order.amountCents,
  currency: order.currency,
  paymentType: "shop",
  metadata: { appOrderId: order.id },
  returnUrl: "https://app.example/orders/" + order.id,
  cancelUrl: "https://app.example/support"
});

return Response.redirect(checkout.url);

Send a dashboard test event first. Then complete a real test checkout and verify that both paths are deduplicated by delivery id.

• The receiver validates `Atm-Signature` over the raw body and `Atm-Delivery-Id`.
• The receiver stores the delivery id before side effects.
• Redriving the same delivery does not fulfill twice.
• The app handles unknown future event fields as additive.

• Guest and signed-in payer checkout paths pass.
• Webhook and optional XRPC receiver paths pass.
• Failed delivery and redrive pass.
• Refund/cancel/subscription-change paths pass for enabled modules.
• Private data stays off protocol and out of public logs.
• Live secrets are separate from test secrets.