is a custom HTML5 element that makes it really easy to login to an OpenID Connect provider. It displays a button that is optimized for single-page applications. It works with a popup instead of redirects, so the context of your Web application in the user's browser remains the same.
The element is based on lit-element.
- Install the dependency
npm install rwth-acis/openidconnect-signin
- Import it into your source code
import 'openidconnect-signin/openidconnect-signin.js'
- Register an OIDC User-Client at Learning Layers using the account console.
- Add the HTML-element with your newly created client-id
<openidconnect-signin clientid="..." scopes="openid profile"></openidconnect-signin>
Visit the Github pages for further documentation. Note: Should the demo using redirect not work properly, you can try it out here instead.
Either try it out yourself or enjoy this gif that was made with ❤️:
Clone this project and install the dependencies.
git clone [email protected]:rwth-acis/openidconnect-signin.git
cd openidconnect-signin
npm installEvery time the API or a doc comment changes it is advisable to rebuild the documentation. Run the docs npm script and do not forget to add all docs files to git in case any new files have been created.
npm run docs
git add docs
git commit -am "Update docs"
MIT