AxaFrance / oidc-client

Light, Secure, Pure Javascript OIDC (Open ID Connect) Client. We provide also a REACT wrapper (compatible NextJS, etc.).
MIT License
584 stars 159 forks source link

[Generic Question] Compatibility Inquiry for OIDC Client with Angular and Identity Server in React App #1235

Open ajmaln-tw opened 10 months ago

ajmaln-tw commented 10 months ago

I currently have an Angular application that successfully receives tokens from our Identity Server, facilitating Single Sign-On (SSO). My objective is to create a React application that can utilize the same Identity Server for SSO, obtaining tokens and sessions.

Example code

`import { OidcProvider } from "@axa-fr/react-oidc"; import { configuration } from "./common/constants"; const container = document.getElementById("root"); const root = createRoot(container); root.render(

> > > } persistor={persister}> > > > > > > > > >

);`

Concerns: Angular and React Compatibility:

Given that Angular is Single Page Application (SPA) with Server-Side Rendering (SSR) capabilities, and React can be both SPA and SSR, I am concerned about potential compatibility issues. Will the OIDC client used for Angular seamlessly integrate with a React application that may involve Server-Side Rendering? Token and Session Retrieval:

Will the OIDC client designed for Angular seamlessly enable token and session retrieval from the Identity Server in a React environment? Are there any known considerations or adjustments required for transitioning from Angular to React in this SSO scenario? Context:

Additional Information: OIDC Client: 3.2.2 Identity Server: dot NET React Application (planned): [Provide any relevant information about the React application]

Environment: Windows

guillaume-chervet commented 10 months ago

Hi @ajmaln-tw , thank you for your issue.

If you want to integrate it with 2 stacks it is possible.

It will may be easier for you to use directly @axa-fr/oidc-client. But buy using @axa-fr/react-oidc you can access OidcClient instance and use it from angular part. It use @axa-fr/oidc-client under the wood which is not LinkedIn to any framework.

Which oidc client do you use for angular? It won't be connected because there is no code link.