Create the Extension Framework

Create the Extension Framework

Create the Extension Framework

You can create an extension manually or by using the gulp extension:create command as described in Create a Baseline Extension. For this tutorial, create your extension manually as described in the following steps.

1. Access the top-level extension development directory you created when you installed the extension developer tools.

2. In the top-level extension development directory, unless it already exists, create a new directory named Workspace.

3. In the Workspace directory, set up the folders for this extension so that they look like this:

   javascriptCopy

   1Workspace/
   2    CDRExample
   3        Modules/
   4           CDRExample/
   5              JavaScript/
   6              Templates/

4. In the Workspace/CDRExample directory, create a manifest.json file and place the following code in that file.

   jsonCopy

   1{
   2    "name": "CDRExample",
   3    "fantasyName": "Context Data Request Example",
   4    "vendor": "ExampleVendor",
   5    "version": "1.0.0",
   6    "type": "extension",
   7    "target": "SCA,SCS",
   8    "target_version": {
   9        "SCA": ">=20.2.0",
   10        "SCS": ">=20.2.0"
   11    },
   12    "description": "An example extension to demonstrate contextDataRequest",
   13    "skins": [],
   14    "templates": {
   15        "application": {
   16            "shopping": {
   17                "files": [
   18                    "Modules/CDRExample/Templates/cdr_example.tpl"
   19                ]
   20            }
   21        }
   22    },
   23    "javascript": {
   24        "entry_points": {
   25            "shopping": "Modules/CDRExample/JavaScript/CDRExample.js"
   26        },
   27        "application": {
   28            "shopping": {
   29                "files": [
   30                    "Modules/CDRExample/JavaScript/CDRExample.js",
   31                    "Modules/CDRExample/JavaScript/CDRExample.View.js"
   32                ]
   33            }
   34        }
   35    },
   36    "local_folder": "Workspace\\CDRExample"
   37}