| Channel | Transport | Direction | Use case |
|---|---|---|---|
| AppBridge events (coming soon) | iframe postMessage | Bidirectional (app ↔ host) | Real-time UI interactions while the app is open |
| Setup handshake | iframe + AppBridge | Host → your app’s iframe | Onboarding when a merchant installs your app |
AppBridge Events
In development: AppBridge publish/subscribe events are in development and not yet available. This section will be updated when the API ships.
- Publishing events notifies the host that your app completed an action (for example, a generated product description is ready to insert).
- Subscribing to events lets your app react when the host’s context changes (for example, the merchant navigates to a different customer record).
resource:action naming convention so intent is clear from the name. Event payloads are expected to be small (IDs and changed values, not full objects) since the host or your app can always fetch details from the API if needed.
For the conceptual overview of how AppBridge events fit alongside lifecycle hooks and SCX polling, see Webhooks & Events.
Setup Handshake
The setup handshake runs when a merchant installs your app. Your manifest points at the iframe URL where setup happens:| Field | Role |
|---|---|
configurationUrl | The URL JTL loads in an iframe when the merchant clicks Install in the JTL Hub. Your app shows its onboarding UI here and completes the AppBridge handshake. |
- The AppBridge initializes and provides a session token.
- Your frontend sends the token to your backend for verification.
- Your backend verifies the token and stores the tenant connection.
- Your frontend calls
appBridge.method.call('setupCompleted')to signal that setup is done. For the full implementation, including the React provider, the verification code, and theconnect-tenantroute in three languages, see App Shell & UI Integration and the From Scratch quickstart.
How They Fit Together
The setup handshake runs once, when the merchant first installs your app. AppBridge events will cover real-time interactions during active sessions once the publish/subscribe API ships.What’s Next
App Shell & UI Integration
Full AppBridge API reference and the setup handshake implementation.
Webhooks (Essentials)
Conceptual overview of all three JTL event systems including SCX polling.
Authentication & Login
Verify session tokens during setup and on subsequent backend requests.
Best Practices
Production patterns for error handling, security, and performance.