Encountering the error "Invalid parameter: redirect_uri" while attempting to authenticate with KeyCloak using NODE.JS

Question

Encountering the error "Invalid parameter: redirect_uri" while attempting to authenticate with KeyCloak using NODE.JS

In my Node.JS (express) project, I am utilizing a helpful NPM package called keycloak-connect to establish a connection with a keycloak server.
While trying out the default protection mechanism for a specific route:

app.get( '/about', keycloak.protect(), function(req,resp) {
    resp.send( 'Page: ' + req.params.page + '<br><a href="/logout">logout</a>');
} );

I am successfully redirected to keycloak, but encounter an error message stating: "Invalid parameter: redirect_uri"

The query string I'm using is: (xx used as placeholder)

https://xx.xx.xx.xx:8443/auth/realms/master/protocol/openid-connect/auth?client_id=account&state=aa11b27a-8a0b-4a3b-89dc-cb8a303dbde8&redirect_uri=http%3A%2F%2Flocalhost%3A3002%2Fabout%3Fauth_callback%3D1&response_type=code

This is how my keycloak.json file looks like: (xx used as placeholder)

{
  "realm": "master",
  "realm-public-key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAwS00kUaH6OoERNSkFUwxEBxx2SsqmHu9oVQiPs6nlP9fNQm0cK2lpNPphbLzooZL6kivaC4VzXg20F3zY7jRDc4U/XHgXjZVZUXxJ0NeCI5ESDo00EV9xh9XL3xvXslmG0YLWpywtQSYc+XcGDkz87edokbHQIIlQc2sgoVKIKpajZyrI5wnyMhL8JSk+Mdo2T9DeNnZxPkauiKBwWFJReBO51gsoZ49cbD39FRa8pLi8W0TtXoESIf/eGUSdc3revVFR7cjzHUzxF0p0WrLsTA1aBCLkt8yhnq88NqcKsW5mkxRmhLdw20ODTdsmRtm68rjtusMwifo/dZLJ9v5eQIDAQAB",
  "auth-server-url": "https://xx.xx.xx.xx:8443/auth",
  "ssl-required": "external",
  "resource": "account",
  "credentials": {
    "secret": "9140d4e6-ed05-4899-a3c0-a9cf94ab407d"
  },
  "use-resource-role-mappings": true
}

Configuration details of keycloak:

https://i.stack.imgur.com/ns3kO.jpg

https://i.stack.imgur.com/O7rbb.jpg

node.js npm keycloak

Answer 1

Answer №1

It appears that a port was mistakenly added to your client URLs in the settings tab.

For example:

root url: https://demo.server.biz:443/cxf

Simply remove the port:

root url: https://demo.server.biz/cxf

This same correction should be applied to both Valid Redirect URIs and Web Origins.

1 Update

https://i.stack.imgur.com/eUDnY.png

2 Update with your URL

https://i.stack.imgur.com/UvSa3.png

Answer 2

It appears that a port was mistakenly added to your client URLs in the settings tab.

For example:

root url: https://demo.server.biz:443/cxf

Simply remove the port:

root url: https://demo.server.biz/cxf

This same correction should be applied to both Valid Redirect URIs and Web Origins.

1 Update

https://i.stack.imgur.com/eUDnY.png

2 Update with your URL

https://i.stack.imgur.com/UvSa3.png

Answer 3

Answer №2

In order to ensure secure communication with the node server, I had to set up https calls by configuring it as shown below:

var fs = require('fs');
var https = require('https');
.....
const HOST = 'your_site.com';
const PORT = process.env.PORT || 3001;

const key = fs.readFileSync('./certs/private.pem');
const cert = fs.readFileSync('./certs/public.pem');
const https_options = {
    key: key,
    cert: cert
};
var serverKeycloak = https.createServer(https_options, appKeyCloak);
serverKeycloak.listen(PORT, HOST);
...

This setup enables the adapter to automatically send https requests to Keycloak for enhanced security.

Answer 4

In order to ensure secure communication with the node server, I had to set up https calls by configuring it as shown below:

var fs = require('fs');
var https = require('https');
.....
const HOST = 'your_site.com';
const PORT = process.env.PORT || 3001;

const key = fs.readFileSync('./certs/private.pem');
const cert = fs.readFileSync('./certs/public.pem');
const https_options = {
    key: key,
    cert: cert
};
var serverKeycloak = https.createServer(https_options, appKeyCloak);
serverKeycloak.listen(PORT, HOST);
...

This setup enables the adapter to automatically send https requests to Keycloak for enhanced security.

Encountering the error "Invalid parameter: redirect_uri" while attempting to authenticate with KeyCloak using NODE.JS

Answer №1

1 Update

2 Update with your URL

Answer №2

Similar questions

Create personalized access tokens through Azure Active Directory (AD)

Encountering Error: Unable to create new component as PriorityQueue is not recognized as a constructor

Having difficulties executing a duplicated project on the local system

Sending a POST request in Node.js and Express may result in the request body being empty or undefined

Is there a way to modify the maximum size limit for a POST request package?

Encountering an Issue with NPM Run Production in PostCSS

Error encountered during npm installation for hexo

Troubleshooting an expressjs server in parallel with electron

Error in JavaScript with Laravel Mix/NPM.js: The variable twemoji.parse cannot be found or is undefined

Challenge in resolving a promise returned by the find() function in mongodb/monk

Retrieving data from various schemas using Node.js

Using middleware in Express to handle GET requests

What makes this code run synchronously?

There was an issue with the specified entry-point "auth0/angular-jwt" as it is missing required dependencies

What are the steps for scheduling asynchronous tasks using Promises in Node.js?

Testing events using mocha for unit testing

Are the dependencies of a Node module not updating properly after being updated or installed?

When executing mocha tests within my project, I face difficulty terminating the process once the tests are completed

Personalize your commit message when utilizing npm version patch

"Tips for SunPass Finesse: Navigating ESLint Errors When Committing Code on