Giter VIP home page Giter VIP logo

redux-oidc-example's Introduction

redux-oidc-example

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).

Usage since redux-oidc v3.0.0-beta.10

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.

Usage with silent renew (since redux-oidc v3.0.0-beta.7)

See this app's store and silent renew configurations, as well as webpack config on how to use it.

Usage without silent renew

Using this library without silent renew is possible by using the oidc middleware. See this store configuration on how to use it.

Technologies

This app uses react-router-redux for routing.

Running locally

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.

Configuration

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.

redux-oidc-example's People

Contributors

maxmantz avatar jonaskello avatar marcleblanc avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.