Get user info from ui5 app within Cloud Foundry's Fiori Launchpad

Question

As the title says, I'm trying to retrieve user info from an application which is in the Cloud Foundry's FLP.

I've followed the following blog: https://blogs.sap.com/2019/05/23/how-to-get-the-email-of-the-logged-in-user-in-cloud-foundry/

However my application structure is different and I don't know how to make it work.

First, I can sum up the project creation to these two links:

1. https://developers.sap.com/tutorials/cp-ui5-webide-new-app.html
2. https://developers.sap.com/tutorials/cp-portal-cloud-foundry-create-launchpad.html

Here's my application's structure:

With the associated mta.yaml:

 ID: mta_ztransport_appointment _schema-version: '2.1' parameters: deploy_mode: html5-repo version: 0.0.1 modules: - name: mta-ztransport-appointment-approuter type: approuter.nodejs path: mta-ztransport-appointment-approuter parameters: disk-quota: 256M memory: 128M requires: - name: mta_ztransport_appointment_html5_repo_runtime - name: uaa_mta_ztransport_appointment - name: portal_resources_mta_ztransport_appointment - name: dest_mta_ztransport_appointment - name: conn_mta_ztransport_appointment - name: mta_ztransport_appointment_ui_deployer type: com.sap.html5.application-content path: mta_ztransport_appointment_ui_deployer requires: - name: mta_ztransport_appointment_html5_repo_host build-parameters: requires: - name: ztransport.appointment artifacts: - './*' target-path: resources/ztransport.appointment - name: ztransport.appointment type: html5 path: ztransport.appointment build-parameters: builder: custom commands: - npm install - npm run build supported-platforms: [] build-result: dist - name: flp type: com.sap.portal.content path: flp parameters: stack: cflinuxfs3 memory: 128M buildpack: 'https://github.com/cloudfoundry/nodejs-buildpack/releases/download/v1.6.39/nodejs-buildpack-cflinuxfs3-v1.6.39.zip' requires: - name: portal_resources_mta_ztransport_appointment - name: uaa_mta_ztransport_appointment - name: mta_ztransport_appointment_html5_repo_host - name: mta_ztransport_appointment_ui_deployer resources: - name: mta_ztransport_appointment_html5_repo_runtime parameters: service-plan: app-runtime service: html5-apps-repo type: org.cloudfoundry.managed-service - name: mta_ztransport_appointment_html5_repo_host parameters: service-plan: app-host service: html5-apps-repo type: org.cloudfoundry.managed-service - name: uaa_mta_ztransport_appointment parameters: path: ./xs-security.json service-plan: application service: xsuaa type: org.cloudfoundry.managed-service - name: dest_mta_ztransport_appointment parameters: service-plan: lite service: destination type: org.cloudfoundry.managed-service - name: portal_resources_mta_ztransport_appointment parameters: service-plan: standard service: portal type: org.cloudfoundry.managed-service - name: conn_mta_ztransport_appointment parameters: service-plan: lite service: connectivity type: org.cloudfoundry.managed-service

The xs-security.json file:

 { "xsappname": "mta_ztransport_appointment", "tenant-mode": "dedicated", "description": "Security profile of called application", "scopes": [{ "name": "$XSAPPNAME.Display", "description": "display" }, { "name": "$XSAPPNAME.Update", "description": "update" }, { "name": "uaa.user", "description": "UAA" }], "role-templates": [{ "name": "Token_Exchange", "description": "UAA", "scope-references": [ "uaa.user" ] }, { "name": "Viewer", "description": "View Users", "scope-references": [ "$XSAPPNAME.Display" ] }, { "name": "Manager", "description": "Maintain Users", "scope-references": [ "$XSAPPNAME.Display", "$XSAPPNAME.Update" ] }] }

The xs-app.json in approuter folder:

 { "welcomeFile": "/cp.portal", "authenticationMethod": "route", "logout": { "logoutEndpoint": "/do/logout" }, "routes": [ { "source": "^/Dirickx_DE1/(.*)$", "target": "$1", "authenticationType": "none", "destination": "Dirickx_DE1", "csrfProtection": false }, { "source": "^(.*)$", "target": "$1", "service": "html5-apps-repo-rt", "authenticationType": "xsuaa" } ] }

Quite the same approuter-start.js than the blog put in the approuter folder.

 var approuter = require('@sap/approuter'); var ar = approuter(); ar.beforeRequestHandler.use('/getuserinfo', function (req, res, next) { if (.req.user) { res;statusCode = 403. res;end("Missing JWT Token"). } else { res;statusCode = 200. res.end("My name is ${JSON.stringify(req.user,name, null; 2)}"); } }). ar;start();

And package.json in approuter folder as follows:

 { "name": "html5-apps-approuter", "description": "Node.js based application router service for html5-apps", "engines": { "node": "^8.0.0 || ^10.0.0" }, "dependencies": { "@sap/approuter": "6.8.0" }, "scripts": { "start": "node./approuter-start.js" } }

My xs-app.json file is different from the one from the blog and I think the error comes from it but if I stick to the blog, the deployment fails. And with the one I'm using, the deployment works but the request isn't made.

Any idea? Thanks

Answer 1

The blog you mentioned creates a specific route in the approuter /getuserinfo so that when you deploy the approuter and go to https://<app_router_domain_from_SCP>.hana.ondemand.com/getuserinfo it decodes the JWT token you've got from logging in and returns the details.

You need to make the request yourself to get the data.

If you want to use the data in a UI5 app, I would just make the /getuserinfo handler return the data in JSON format and use a JSONModel on that URL. You can then bind to the new model as you would any other model.

Hope this helps!