OpenId Connect on custom web apps

[rjousse18]

Hi all !

I have a problem with openid connect during the development of my web app.

I try to develop a React App and I want to connect it with cloudron openid connect.

I installed oidc-react, and I fill the information of the oidc cloudron like this :

const oidcConfig = {
    onSignIn: () => {
        console.log("Test")
    },
    authority: 'https://my.nastream.fr',
    clientId: 'cid-ff7b5ddd41a5ef70056f017d19d8498f',
    clientSecret: "6efd5b4cf931434d0f4c020d080b6d31cf1b82820e8d7fe6bd76f8a32c9115eb",
    redirectUri: 'https://10.8.0.6:3000/',
    scope: "openid"
  };

The problem is that all the steps works except when I have to fetch the /token endpoint. I have a 400 error without any error response. oidc-react sent this informations :

And I have this error from react :

Any idea ? Maybe I have forget some parameters ?

[nebulon]

Currently the OpenID provider in Cloudron only works for backend applications, thus the CORS issue you see. Presumably you managed to get through the flow and got redirected back to your application, but then you try to call the token endpoint from the browser. This will be blocked by the browser but should be done from your backend.

[rjousse18]

Is planned to unlock the provide for front app ?