Nuxt OpenID-Connect
OpenID-Connect(OIDC) integration module for nuxt 3.0.
Features
- An Nuxt 3 module.
- OIDC integration ( implemetation base openid-client ).
- State Management, shared login user info.
- OIDC provider config.
- Encrypt userInfo cookie.
- Support browser localStorage store userInfo, which keep user auth info after page refresh. Similar like this.
Why use this module
How to use this module
- Add to a project
yarn add nuxt-openid-connect
- Then, add nuxt-openid-connect to the modules section of nuxt.config.ts and modify config depend yours:
import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
modules: [
'nuxt-openid-connect'
],
openidConnect: {
addPlugin: true,
op: {
issuer: 'your_issuer_value',
clientId: 'clientid',
clientSecret: 'secret',
callbackUrl: 'http://localhost:3000/oidc/cbt',
scope: [
'email',
'profile',
'address'
]
},
config: {
secret: 'oidc._sessionid',
cookie: { loginName: '' },
cookiePrefix: 'oidc._',
cookieEncrypt: true,
cookieEncryptKey: 'bfnuxt9c2470cb477d907b1e0917oidc', // 32
cookieEncryptIV: 'ab83667c72eec9e4', // 16
cookieEncryptALGO: 'aes-256-cbc',
cookieMaxAge: 24 * 60 * 60 // default one day
}
}
})
Here is an using example.
💻
Development
- Clone repository
- Install dependencies using
yarn install
- Run
npm run dev:prepare
to generate type stubs. - Use
npm run dev
to start playground in development mode.
License
MIT - Made with