Skip to Content
1
Aug 20, 2020 at 07:17 AM

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

229 Views Last edit Aug 20, 2020 at 08:41 AM 5 rev

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/3a0e6d6b791c4c2189f6a0a424188362.html

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.

Attachments

folter.png (16.0 kB)