react-keycloak-context
Advanced tools
A Keycloak provider for React
import React from 'react'
import App, { Container } from 'next/app'
import Head from 'next/head'
import {
Provider as KeycloakProvider,
Consumer as KeycloakConsumer
} from 'react-keycloak-context'
const keycloakConfig = {
realm: 'master',
clientId: 'example',
url: 'https://foobarbaz.com/auth',
'ssl-required': 'external',
'public-client': true,
'confidential-port': 0
}
class Example extends App {
static async getInitialProps({ Component, ctx }) {
let pageProps = {}
if (Component.getInitialProps) {
pageProps = await Component.getInitialProps({ ...ctx })
}
return { pageProps }
}
handleKeycloakInit = kc => {
console.log('keycloak', kc)
}
render() {
const { Component, pageProps } = this.props
return (
<Container>
<Head>
<title>Example project</title>
</Head>
<KeycloakProvider
initOptions= {{
onLoad: 'login-required',
promiseType: 'native'
}}
config={keycloakConfig}
tokenKey={'kc-token'}
refreshTokenKey={'kc-refresh'}
onInit={this.handleKeycloakInit}
>
<KeycloakConsumer>
{kc => <Component keycloak={kc} {...pageProps} />}
</KeycloakConsumer>
</KeycloakProvider>
</Container>
)
}
}
export default Example
This project uses node and npm.
$ npm install react-keycloak-context
$ # OR
$ yarn add react-keycloak-context
git checkout -b my-new-featuregit commit -am "Add some feature"git push origin my-new-featureMIT © [[object Object]]([object Object])
FAQs
A Keycloak provider for React
The npm package react-keycloak-context receives a total of 4 weekly downloads. As such, react-keycloak-context popularity was classified as not popular.
We found that react-keycloak-context demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
/Product
Socket Firewall Free is now bundled into Docker Hardened Images, adding build-time and dependency-install supply chain protection on top of hardened base images for Node.js, Python, and Rust.
Security News
Season’s greetings from Socket, and here’s to a calm end of year: clean dependencies, boring pipelines, no surprises.
Research
/Security News
Impostor NuGet package Tracer.Fody.NLog typosquats Tracer.Fody and its author, using homoglyph tricks, and exfiltrates Stratis wallet JSON/passwords to a Russian IP address.