This is a small sample app to demonstrate the usage of redux-oidc.
You will need a Google account to use it.
After logging in, the app will query the YouTube API for a list of your 5 most recent channel subsciptions (if any).
You can click on Show user info
to view the user info stored in the reducer.
Click on Logout
to log out again.
Visit https://redux-oidc-example.herokuapp.com/ for the live demo (might take a while to load).
**Breaking Change:
- Replaced Webpack with Vite Bundler
- In dev mode, the https server should handle both the html files placed outside. (Need to be validated for the slient renew feature)
- The build works fine, so use the
npm run build
and thennpm run start
to test the application. - check the
./src/utils/userManager.js
file for how to create a google auth client id by creating a new project. - use test gmail account for using this example
- Also, see the npm alias in the package.json for how i used the
oidc-client
older js package in place ofoidc-client-ts
as it was not supporting the feature that requires the google auth and youtube api to work.
co
has been removed from the peer dependencies. You don't need it anymore for running this library. You can also safely drop babel-polyfill
from the silent renew script.
See this app's store and silent renew configurations, as well as webpack config on how to use it.
Using this library without silent renew is possible by using the oidc middleware. See this store configuration on how to use it.
This app uses react-router-redux for routing.
Clone this repo and run npm install
.
After that run node server
to start the server.
Please note that the server is running under TLS and therefore you need to visit https://localhost:8080 to find the app.
This app uses a webpack config for building two separate files, index.html
for the app & silent_renew.html
for silent renew. It uses express as a server with this config to allow the routing for both HTML files to work.