redux-oidc-example icon indicating copy to clipboard operation
redux-oidc-example copied to clipboard

Branch using react-router-dom

Open eloekset opened this issue 5 years ago • 6 comments

This sample is based on react-router 2.0. The router has changed a lot since that version, which makes it difficult to follow the sample today.

Would someone create a branch of this project to demo how to use redux-oidc with react-router-dom 4.X? This is a migration guide for the router: https://github.com/ReactTraining/react-router/blob/25776d4dc89b8fb2f575884749766355992116b5/packages/react-router/docs/guides/migrating.md#the-router

eloekset avatar Mar 24 '19 12:03 eloekset

I'm still struggling creating an app from this sample. How about creating a branch to demonstrate how to implement this for React 16? Related question: https://www.reddit.com/r/reactjs/comments/7bo3j0/react_v16_with_redux_oidc_and_router/

eloekset avatar Apr 18 '19 20:04 eloekset

having a similar issue the blocker I'm having issues with is that after the callback it is changing the url but not rerendering

AnthonyCrowcroft avatar May 31 '19 03:05 AnthonyCrowcroft

@maxmantz what is the expected manner in which we allow OIDC to log users out when there session has failed to renew or they sign out... trying to get this working with connected-react-router, react-router-dom, react-router, redux, react-redux and this seems to be my last hang up if i can get this ressolved happy to make a pull request with an updated example.

AnthonyCrowcroft avatar Jun 03 '19 06:06 AnthonyCrowcroft

I'm now taking up my pet project again, and revisited this issue after doing some recap. Have you found a way around this issue, @AnthonyCrowcroft?

eloekset avatar Jun 28 '19 21:06 eloekset

The choice of routing library is secondary to the problem faced when implementing this library.

The steps needed to successfully implement OIDC with this libary are as follows:

  • register a route (e.g. /callback) with the router to allow the reception of the token to your app,
  • optional but strongly recommended: generate a second HTML file for the silent renewal of tokens

I understand that the process of implementing this can be tricky, especially when dealing with different routing libraries or different versions of the same library. I will happily accept a PR for the example app which demonstrates using react-router-dom. I will also happily link to any examples repos you guys can give me regarding this.

maxmantz avatar Jul 11 '19 10:07 maxmantz

I implemented the logic suggested in the sample app and also registered the callback path with the router but i keep on getting the following error during callback:

HTTP Error 405.0 - Method Not Allowed The page you are looking for cannot be displayed because an invalid method (HTTP verb) is being used.

Module | StaticFileModule ExecuteRequestHandler StaticFile

Requested URL | https://localhost:5001/index.html

Anyone have any ideas on how to fix this issue?

anandyadavalli avatar Oct 11 '19 17:10 anandyadavalli