Creating the Shell of an App Extension
Follow the instructions below to create the shell of an app extension, which is the folder structure of an app extension:
For more information on app extensions, see Introduction to App Extensions.
Create an app extension folder structure in the
app
directory. For more information, see App Extension Components. The app extension directories for the Publisher and Store are as follows:ES Component Directory Publisher <ES_HOME>/repository/deployment/server/jaggeryapps/publisher/extensions/app/<APP_EXTENSION_NAME>
Store <ES_HOME>/repository/deployment/server/jaggeryapps/store/extensions/app/<APP_EXTENSION_NAME>
The app extension name defined by the
<APP_EXTENSION_NAME>
folder can be any name based on your preference.An app extension directory contains the following elements:
AÂ
pages
 directory (Optional).AnÂ
apis
 directory (Optional).AÂ
themes
 directory with one or more themes.Thetheme
directory is only required if a page controller uses the ES rendering framework.AnÂ
app.js
 file.
Example:
The following screenshot explains the general folder structure of an app extension, where the name of the app extension isservicex_storefront
.
- Restart the ES server, so that ES evaluates the changes in theÂ
app.js
 file. - Customize the newly created shell of the app extension. For more information, see Working with App Extensions.