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:

1. 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.The theme 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 is servicex_storefront.
   
2. Restart the ES server, so that ES evaluates the changes in the app.js file.
3. Customize the newly created shell of the app extension. For more information, see Working with App Extensions.