oidc client Download - oidc client Source Code Download

oidc client

Código-Fonte de IA

v7.23.1

Baixar

@axA-fr/oidc-client

Sobre
Começando
Execute as demos
Como funciona
Pacotes
- @axa-fr/oidc-client
- @axa-fr/react-oidc
- @axa-fr/svelte-oidc : estamos procurando um colaborador
- @axa-fr/vue-oidc : estamos procurando um colaborador
- @axa-fr/angular-oidc : estamos procurando um colaborador
Perguntas frequentes
Migrações
Contribuir

Sobre

@AXA-FR/OIDC-Client A biblioteca mais leve e secundária para gerenciar a autenticação com o OpenId Connect (OIDC) e o Protocolo OAuth2. É compatível com todos os fornecedores de OIDC. @AXA-FR/OIDC-Client é uma biblioteca JavaScript pura. Funciona com qualquer estrutura ou biblioteca JavaScript. @axA-fr/react-oidc é para react (compatível a seguir.js, etc.), esperamos em breve fornecer um para Vue , Angular e Sove .

Demos:

Experimente a demonstração do React em https://black-rock-0dc6b0d03.1.azurestaticapps.net/ (mais avançado)
Experimente a demonstração pura de JavaScript em https://icy-glacier-004ab4303.2.azurestaticapps.net/

@axa-fr/oidc-client é:

Seguro :
- Com a demonstração de prova de posse (DPOP), seu access_token e refresh_token não são utilizáveis fora do contexto do navegador (grande proteção)
- Com o uso do serviço de serviço, seus tokens (refresch_token e/ou access_token) não estão acessíveis ao código do cliente JavaScript (se você seguir boas práticas da seção FAQ )
- OIDC usando a concessão de credencial do código lateral do cliente apenas com PKCE
Leve : o tamanho não embalado no NPM é de 274 kb , Minified 61.1kB , Minified+Gzipped 16.8kB pkg estatísticas via bundlephobia.com
Simples
- refresh_token e access_token são atualizados automaticamente em fundo
- Com o uso do trabalhador do serviço, você não precisa injetar o Access_token em todas
Autenticação múltipla :
- Você pode autenticar muitas vezes para o mesmo provedor com escopo diferente (por exemplo, você pode adquirir um novo escopo de 'pagamento' para um pagamento)
- Você pode autenticar para vários fornecedores diferentes no mesmo site de spa (aplicativo de página única)
Flexível :
- Trabalhe com o serviço de serviço (mais seguro) e sem para o navegador mais antigo (menos seguro).
- Você pode desativar o serviço de serviço, se quiser (mas menos seguro) e apenas usar o modo SessionStorage ou LocalStorage.

Funciona perfeitamente bem com:

Auth0
Duende Identity Server
Identity Server 4
Anúncio do Azure
Google
AWS
Keycloak
etc., todos os provedores de OIDC

Começando

Introdução com @axa-fr/oidc-client

npm install @axa-fr/oidc-client --save

# To install or update OidcServiceWorker.js file, you can run
node ./node_modules/@axa-fr/oidc-client/bin/copy-service-worker-files.mjs public

# If you have a "public" folder, the 2 files will be created :
# ./public/OidcServiceWorker.js <-- will be updated at each "npm install"
# ./public/OidcTrustedDomains.js <-- won't be updated if already exist

Aviso

Se você usar o modo de Service Worker , o arquivo OidcServiceWorker.js deve estar sempre atualizado com a versão da biblioteca. Você pode configurar um script de pós -instalação no seu arquivo package.json para atualizá -lo em cada instalação do NPM. Por exemplo :

  "scripts" : {
    ...
    "postinstall" : " node ./node_modules/@axa-fr/oidc-client/bin/copy-service-worker-files.mjs public "
  },

Mais documentação:

@axa-fr/oidc-client

Introdução com @axa-fr/react-oidc

npm install @axa-fr/react-oidc --save

# To install or update OidcServiceWorker.js file, you can run
node ./node_modules/@axa-fr/react-oidc/bin/copy-service-worker-files.mjs public

# If you have a "public" folder, the 2 files will be created :
# ./public/OidcServiceWorker.js <-- will be updated at each "npm install"
# ./public/OidcTrustedDomains.js <-- won't be updated if already exist

Aviso

Se você usar o modo de funcionário do serviço, o arquivo OIDCServiceWorker.js deve estar sempre atualizado com a versão da biblioteca. Você pode configurar um script de pós -instalação no seu arquivo package.json para atualizá -lo em cada instalação do NPM. Por exemplo :

  "scripts" : {
    ...
    "postinstall" : " node ./node_modules/@axa-fr/react-oidc/bin/copy-service-worker-files.mjs public "
  },

Mais documentação:

@axa-fr/react-oidc

Execute as demos

git clone https://github.com/AxaFrance/oidc-client.git

cd oidc-client
pnpm install

# oidc client demo
cd examples/oidc-client-demo
pnpm install
pnpm start
# then navigate to http://localhost:5174

# react vite demo
cd examples/react-oidc-demo
pnpm install
pnpm start
# then navigate to http://localhost:4200

# react NextJS demo
cd examples/nextjs-demo
pnpm install
pnpm run dev
# then navigate to http://localhost:3001

Como funciona

O funcionário do serviço Catch Access_Token e Refresh_Token que nunca serão acessíveis ao cliente.

Esses componentes encapsulam o uso de " @axa-fr/oidc-client " para ocultar a complexidade do fluxo de trabalho. Internamente para " @axa-fr/react-oidc ", a API da história nativa é usada para ser a biblioteca do roteador agnóstica.

Mais informações sobre OIDC:

Francês: Augmentez la Sécurité et la simplicité de vote système d'illed OpenId Connect Connect
Inglês: Aumente a segurança e a simplicidade do seu sistema de informação com o OpenID Connect
Inglês: YouTube React-Oidc Introdução
Francês: YouTube React-Oidc Introdução