oidc client 다운로드 - oidc client 소스 코드 다운로드

oidc client

AI 소스 코드

v7.23.1

다운로드

@axa-fr/oidc-client

에 대한
시작하기
데모를 실행하십시오
작동 방식
패키지
- @axa-fr/oidc-client
- @axa-fr/react-oidc
- @axa-fr/svelte-oidc : 우리는 기고자를 찾고 있습니다
- @axa-fr/vue-oidc : 우리는 기고자를 찾고 있습니다
- @axa-fr/angular-oidc : 우리는 기고자를 찾고 있습니다
FAQ
마이그레이션
기여하다

에 대한

@axa-fr/oidc-client OpenID Connect (OIDC) 및 OAUTH2 프로토콜로 인증을 관리하는 가장 가볍고 안전한 라이브러리입니다. 모든 OIDC 제공 업체와 호환됩니다. @axa-fr/oidc-client 는 순수한 JavaScript 라이브러리입니다. JavaScript 프레임 워크 또는 라이브러리와 함께 작동합니다. @ axa-fr/react-doidc는 react (compatible next.js 등) 를 위한 것입니다 .

시민:

https://black-0dc6b0d03.1.azurestaticapps.net/에서 React 데모를 사용해보십시오.
https://icy-glacier-004ab4303.2.azurestaticapps.net/에서 순수한 JavaScript 데모를 사용해보십시오.

@axa-fr/oidc-client는 다음과 같습니다.

안전한 :
- DPOP (Plesting of Proof) (DPOP)를 통해 Access_Token 및 Romform_token은 브라우저 컨텍스트 (큰 보호) 외부에서 사용할 수 없습니다.
- 서비스 작업자를 사용하면 JavaScript 클라이언트 코드에 액세스 할 수 없습니다 ( FAQ 섹션에서 모범 사례를 따르는 경우).
- PKCE만으로 클라이언트 측정 자격 증명 보조금을 사용하는 OIDC
Lightweight : NPM의 포장되지 않은 크기는 274kb , 미니딩 61.1kB , 미니딩+Gzipped 16.8kB PKG 통계를 BundlePhobia.com을 통해
단순한
- refresh_token 및 access_token은 백그라운드에서 자동 새로 고침됩니다
- 서비스 작업자를 사용하면 모든 페치에 access_token을 주입 할 필요가 없으므로 OidCtrustedDomains.js 파일 만 구성하면됩니다.
다중 인증 :
- 범위가 다른 동일한 공급자에게 여러 번 인증 할 수 있습니다 (예 : 새로운 '결제'범위를 지불 할 수 있습니다).
- 동일한 스파 (단일 페이지 응용 프로그램) 웹 사이트 내에서 여러 다른 제공 업체에 인증 할 수 있습니다.
유연한 :
- 서비스 작업자 (보다 안전한) 및 구형 브라우저가없는 상태에서 작업하십시오 (안전하지 않음).
- 원하는 경우 서비스 작업자를 비활성화하고 (보안 덜 보안) SessionStorage 또는 LocalStorage 모드 만 사용할 수 있습니다.

완벽하게 잘 작동합니다.

Auth0
Duende Identity Server
Identity Server 4
Azure 광고
Google
AWS
키 클로크
등, 모든 OIDC 제공 업체

시작하기

@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

경고

Service Worker 모드를 사용하는 경우 OidcServiceWorker.js 파일은 항상 라이브러리 버전에서 최신 정보를 제공해야합니다. package.json 파일에서 postinstall 스크립트를 설정하여 각 NPM 설치에서 업데이트 할 수 있습니다. 예를 들어 :

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

더 많은 문서 :

@axa-fr/oidc-client

@axa-fr/react-doidc로 시작합니다

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

경고

Service Worker 모드를 사용하는 경우 OIDCServiceWorker.js 파일은 항상 라이브러리 버전과 최신 상태 여야합니다. package.json 파일에서 postinstall 스크립트를 설정하여 각 NPM 설치에서 업데이트 할 수 있습니다. 예를 들어 :

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

더 많은 문서 :

@axa-fr/react-oidc

데모를 실행하십시오

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

작동 방식

서비스 작업자는 클라이언트가 액세스 할 수없는 Access_Token 및 Romphentoken을 찾습니다.

이 구성 요소는 워크 플로우 복잡성을 숨기기 위해 " @axa-fr/oidc-client "의 사용을 캡슐화합니다. 내부적으로 " @axa-fr/react-oidc "의 경우, 네이티브 히스토리 API는 라우터 라이브러리가 무의미합니다.

OIDC에 대한 자세한 정보 :

프랑스어 : Agmentez la sécurité et la simplicité de votre système d 'Information OpenID Connect
영어 : OpenID Connect를 사용하여 정보 시스템의 보안 및 단순성을 높이십시오.
영어 : YouTube React-Oidc 소개
프랑스어 : YouTube React-Oidc 소개