Extending Standalone Applications

Context

Procedure

  1. Create multi-target application using the steps provided below:

    1. Open SAP Web IDE.

    2. Navigate to the (Development) tab.

    3. Choose Start of the navigation pathFile Next navigation step New Project from TemplateEnd of the navigation path .

    4. In the wizard that appears, select Cloud Foundry environment and Multi Module category.

    5. Proceed with the Multi-Target Application template.

  2. Customize asset central extension template. In the template customization step of the project creation wizard, enter the following details:
    • Application ID: enter an ID for the application
    • Application Version: enter a version for the application
    • Description: enter a logical description about the application
    • Use HTML5 Application Repository: Select the checkbox. This creates the UI Deployer module.
  3. Create HTML5 module using the steps below:

    1. Choose the eye icon on the top of SAP Web IDE repository to see all the hidden modules. The app router and UI Deployer modules appear in the Workspace.

    2. In the context menu of the application, choose Start of the navigation pathNew Next navigation step HTML5 ModuleEnd of the navigation path .

  4. Add the required business service such as SAP Predictive Asset Insights, asset central foundation, SAP Asset Intelligence Network, or SAP Asset Strategy and Performance service to the xs-app.json file of the app router. 
    For SAP Predictive Maintenance and Service add the following details:
{
		"csrfProtection": false,
		"source": "^/pdms/(.*)$",
		"target": "/ain/$1",
		"service": "com.sap.dsc.iam.pdms",
		"endpoint": "pdms-backend",
		"authenticationType": "xsuaa"
	}
    For Asset Central Service addd the following details: 
{
		"csrfProtection": false,
		"source": "^/ac/(.*)$",
		"target": "/ain/$1",
		"service": "com.sap.dsc.iam.assetcentral",
		"endpoint": "asset-central-service",
		"authenticationType": "xsuaa"
	}
    For SAP Asset Intelligence Network service add the following details: 
{
      "csrfProtection": false,
      "source": "^/ain/(.*)$",
      "target": "/ain/$1",
      "service": "com.sap.dsc.iam.ain",
      "endpoint": "ain-service",
      "authenticationType": "xsuaa"
    }
    For SAP Asset Strategy and Performance Management service add the following details: 
{
		"csrfProtection": false,
		"source": "^/aspm/(.*)$",
		"target": "/ain/$1",
		"service": "com.sap.dsc.iam.assetcentral",
		"endpoint": "asset-central-service",
		"authenticationType": "xsuaa"
	}

    The required business service after additon appears as below:

  5. Bind the business service to the app router using the steps below:

    1. Open the mtad.yaml file.

    2. Add the required business service details under resources. The business service after addition appears as below:

    3. Bind the business service to application router by adding it under requires. The business service after addition appears as below:

  6. Running application on local SAP Fiori Launchpad.

    1. Choose the UI module.

    2. In the context menu, choose Start of the navigation pathRun Next navigation step Run as SAP Fiori Launchpad SandboxEnd of the navigation path. The new section appears in the object page.