workfront-ui-extension
Workfront UI extension (front end)
Part of the appbuilder-workfront family. This is the front end — the app screens the user sees (the "SPA"). It registers extension points (the spots where the app appears in Workfront) and calls Runtime actions (the cloud back end) for all data.
This skill is the Workfront-specific front end (extension points, WF shared context). For generic React/Spectrum patterns (pages, forms, data tables, dialogs, navigation) and ExC Shell / AEM UI surfaces, use
appbuilder-ui-scaffolder. A ready-to-edit registration example is inassets/ExtensionRegistration.example.js.
Rules
- One
register()call wires everything up; individual views useattach(). - Auth comes from
sharedContext+getWFInstanceUrl()— Workfront supplies the signed-in user and instance; don't build a login. - Talk to the back end with
actionWebInvokeonly — the browser must never call Workfront directly (/attask/api/…). Back-end code lives inworkfront-actions. - Every action replies with
{ data, error }— always checkerrorbefore usingdata.
Extension points (in ExtensionRegistration)
register() takes id at the top level (a non-empty slug identifying the extension); the extension points go inside methods. Each item's url must map to a route in App.js, and every id must be unique.