An app extension unlike an asset extension only allows a developer to either develop new endpoints (pages or APIs) or override existing endpoints. This is useful whenever a common page that is accessible by all asset types needs to be developed. As an example, the Store provides a top-assets view that displays the top assets for each of the asset types.
App extension components
An application may have one or more extensions as shown in the diagram above. However, it is advised to group all customizations into a single extension to improve maintainability. The following diagram illustrates the structure of an app extension:
The key components of an app extension include:
A
app.jsscriptDefines new page and API endpoints.
Specifies extensions on which dependencies exist.
Specifies whether an extension should be loaded.
A
pagesdirectory - The page controllers are picked up from this directory.An
apisdirectory - The API controllers are picked up from this directory.A
themesdirectory - This directory serves a similar function to the appthemesdirectory, and the ES rendering framework attempts to pick up resources in this directory under each theme name.
An app extension looks similar to an asset extension; however, they differ in the following ways:
The
app.jsscript is a mandatory file unlike theasset.jsfile.- The asset extension allows partials to be altered without specifying a controller; whereas, in an app extension a controller must be present for the ES rendering framework to attempt to pick up resources in the
themesdirectory.