Couldn't expose the HTML content to portal in Cloud Foundry

[Ranjith]

Hi All,

I am trying to expose my SAPUI5 content to the portal site by referring the

https://help.sap.com/viewer/ad4b9f0b14b0458cad9bd27bf435637d/Cloud/en-US/3a0e6d6b791c4c2189f6a0a4241...

But the deployed code is not showing in the HTML5 Apps content provider section.

contentprovider.png

mta.yaml

_schema-version: "3.2"
ID: mta_html
version: 0.0.1
modules:
- name: mta_html-destination-content
  type: com.sap.application.content
  requires:
  - name: uaa_mta_html
    parameters:
      service-key:
        name: uaa_mta_html-key
  - name: mta_html_html_repo_host
    parameters:
      service-key:
        name: mta_html_html_repo_host-key
  - name: mta_html-destination-service
    parameters:
      content:
        subaccount:
          destinations:
          - Name: my_service_mta_html_html_repo_host
            ServiceInstanceName: mta_html-html5-app-host-service
            ServiceKeyName: mta_html_html_repo_host-key
            sap.cloud.service: my.service
          - Authentication: OAuth2UserTokenExchange
            Name: my_service_uaa_mta_html
            ServiceInstanceName: mta_html-xsuaa-service
            ServiceKeyName: uaa_mta_html-key
            sap.cloud.service: my.service
          existing_destinations_policy: update
      content-target: true
  build-parameters:
    no-source: true
- name: mta_html_ui_deployer
  type: com.sap.html5.application-content
  path: mta_html_ui_deployer
  requires:
      - name: mta_html_html_repo_host
  build-parameters:
      requires:
        - name: html
          artifacts:
            - './*'
          target-path: resources/html
- name: html
  type: html5
  path: html
  build-parameters:
      builder: custom
      commands:
        - npm install
        - npm run build
      supported-platforms: []
      build-result: dist
resources:
- name: mta_html-destination-service
  type: org.cloudfoundry.managed-service
  parameters:
    service: destination
    service-name: mta_html-destination-service
    service-plan: lite
- name: mta_html_html_repo_host
  type: org.cloudfoundry.managed-service
  parameters:
    service: html5-apps-repo
    service-name: mta_html-html5-app-host-service
    service-plan: app-host
- name: uaa_mta_html
  type: org.cloudfoundry.managed-service
  parameters:
    path: ./xs-security.json
    service: xsuaa
    service-name: mta_html-xsuaa-service
    service-plan: application
build-parameters:
  before-all:
  - builder: custom
    commands:
    - npm install

manifest.json:

{
    "_version": "1.12.0",
    "sap.app": {
        "id": "html.html",
        "type": "application",
        "i18n": "i18n/i18n.properties",
        "applicationVersion": {
            "version": "1.0.0"
        },
        "title": "{{appTitle}}",
        "description": "{{appDescription}}",
        "sourceTemplate": {
            "id": "html5moduletemplates.basicSAPUI5ApplicationProjectModule",
            "version": "1.40.12"
        },
        "crossNavigation": {
            "inbounds": {
                "intent1": {
                    "signature": {
                        "parameters": {},
                        "additionalParameters": "allowed"
                    },
                    "semanticObject": "Cloud",
                    "action": "display",
                    "title": "Expose"
                }
            }
        }
    },
    "sap.cloud": {
        "public": true,
        "service": "sap.com"
    },
    "sap.ui": {
        "technology": "UI5",
        "icons": {
            "icon": "",
            "favIcon": "",
            "phone": "",
            "phone@2": "",
            "tablet": "",
            "tablet@2": ""
        },
        "deviceTypes": {
            "desktop": true,
            "tablet": true,
            "phone": true
        }
    },
    "sap.ui5": {
        "flexEnabled": false,
        "rootView": {
            "viewName": "html.html.view.View1",
            "type": "XML",
            "async": true,
            "id": "View1"
        },
        "dependencies": {
            "minUI5Version": "1.65.6",
            "libs": {
                "sap.ui.core": {},
                "sap.m": {},
                "sap.ui.layout": {}
            }
        },
        "contentDensities": {
            "compact": true,
            "cozy": true
        },
        "models": {
            "i18n": {
                "type": "sap.ui.model.resource.ResourceModel",
                "settings": {
                    "bundleName": "html.html.i18n.i18n"
                }
            }
        },
        "resources": {
            "css": [{
                "uri": "css/style.css"
            }]
        },
        "routing": {
            "config": {
                "routerClass": "sap.m.routing.Router",
                "viewType": "XML",
                "async": true,
                "viewPath": "html.html.view",
                "controlAggregation": "pages",
                "controlId": "app",
                "clearControlAggregation": false
            },
            "routes": [{
                "name": "RouteView1",
                "pattern": "RouteView1",
                "target": ["TargetView1"]
            }],
            "targets": {
                "TargetView1": {
                    "viewType": "XML",
                    "transition": "slide",
                    "clearControlAggregation": false,
                    "viewId": "View1",
                    "viewName": "View1"
                }
            }
        }
    }
}

Have anyone tried this way to expose the HTL5 content to the portal side.

[jhodel18]

Hi Ranjithkumar,

I have a working template for a Portal with a sample ui5 app. You can refer to it and verify your configuration is correct:

https://github.com/jcailan/template-flp

[Ranjith]

I hope this is the basic template we will get when we create a MTA project. Will the added html5 module is automatically visible in the HTML5 apps content provider section of portal site?

[jhodel18]

I don't understand your question, but I will try to clarify that this is using the HTML5 App Repo service and SCP Portal service and it is ready for build and deploy. This is just a basic configuration that can help as referrence.

[Ranjith]

Hi jhodel18,

HTML5 Apps is a content provider which will enable when you are subscribing the portal service. So when you are deploying HTML5 application in the CF it will automatically appear under the HTML5 Apps content provider section. Please find the below attached screenshot for more information.

I trying to implement a shell plugin for SAP CF launchpad. If you refer this Question and conversation, you can understand my usecase better. As per the sap document we need to create a two subaccount to expose our shell plugin in the CF portal. But i don't want to create two subaccount to achieve this. So i just refereed this https://help.sap.com/viewer/ad4b9f0b14b0458cad9bd27bf435637d/Cloud/en-US/3a0e6d6b791c4c2189f6a0a4241... and trying to expose my HTML5 app to the portal content provider. Bu i couldn't achieve it.