Use jwt-decode module on SAP UI5 Module

[former_member664593]

Hi experts.

I have an MTA project with a UI5 Module, I need to get what user made login with Identity Authentication Service(IAS). My partner used jwt-decode and this I installed it on my Node JS module but when I try to call to my function "getUserInformation" I get error 404.

Also on my package.json I call my function:

"scripts": {
  "start": "node userinformation",
  "build": "ui5 build --clean-dest --include-task=generateManifestBundle generateCachebusterInfo"
  },

And "userinformation" it's my script with my function "getUserInformation".

Please, can you help me?

[mariusobert]

Is "userinformation" a JavaScript file? I don't see how this could work as your start command just runs a node process.

[former_member664593]

Hi mariusobert.

Yes, it is and this is my userinformation.js

const approuter = require("@sap/approuter");
const jwtDecode = require("jwt-decode");

ar.beforeRequestHandler.use("/getUserInformation", (req, res) => {

  if (!req.user) {
    res.statusCode = 403;
    res.end("Missing JWT Token");
  }

  res.statusCode = 200;
  let decodedJWTToken = jwtDecode(req.user.token.accessToken);

  console.log(JSON.stringify({
    decodedJWTToken
  }));

  res.end(JSON.stringify({
    decodedJWTToken
  }));

});

ar.start();<br>

I should get the user information with this path: <my_app_path>/getUserInformation

[mariusobert]

Did you deploy the approuter to Cloud Foundry and bind an xsuaa service instance to it? Also, do you enforce "xsuaa" as the authenticationMethode in the xs-app file?

[former_member664593]

Hi mariusobert.

I have this structure on my UI5 module.

And this is my xs-app.json

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

[mariusobert]

I cannot see the binding to the xsuaa service instance but the rest looks fine. The file tree says userinfo.js which doesn't match the "userinformation.js" you mentioned above. Maybe that's it.

What is the error message you see in the cockpit or in the CF CLI?

PS: There is also a weird <br> in the snippet you pasted above

[former_member664593]

Hi mariusobert.

I had a typo, correct file name is userinfo. On the other hand, please can you help me with binding to the xsuaa?.

And I try to call the service with this:

jQuery.ajax({
	url: "/getUserInformation",
	async: false,
	type: "GET",
	success: function (oData, oResponse) {
	       debugger;					},
	error: function (oData, oResponse) {
	debugger;
	}
});		
<br>

I have this error:

[mariusobert]

Hi Jimmy,

I guess that there are a couple of things not set up correctly in the project that you mentioned above and it's probably too hard to fix all issue remotely now. I would therefore suggest that you check out this sample application here and compare your code to this app.

You could step-by-step modify the working example and replace this default approuter with your extended one and then replace the web app with your web app.

Btw: I also recommend to switch from Web IDE to another IDE such as the SAP Business Application Studio (if possible)