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 ：貢献者を探しています
よくある質問
移行
貢献する

について

@axa-fr/oidc-client OpenID Connect（OIDC）およびOAUTH2プロトコルを使用して認証を管理する最も軽くて安全なライブラリ。すべてのOIDCプロバイダーと互換性があります。 @axa-fr/oidc-clientは純粋なJavaScriptライブラリです。 JavaScriptフレームワークまたはライブラリで動作します。 @axa-fr/react-ofcはReact （互換性のあるnext.jsなど）であり、すぐにVue 、 Angular 、およびSvelteに提供することを期待しています。

デモ：

https://black-rock-0dc6b0d03.1.azurestaticapps.net/でReactデモをお試しください（最も高度）
https://icy-glacier-004ab4303.2.azurestaticapps.net/で純粋なJavaScriptデモをお試しください

@axa-fr/oidc-clientは次のとおりです。

安全な：
- 所有の証明（DPOP）を実証することで、access_tokenとrefresh_tokenはブラウザのコンテキストの外で使用できません（大きな保護）
- サービスワーカーの使用により、トークン（refresh_tokenおよび/またはaccess_token）は、JavaScriptクライアントコードにアクセスできません（ FAQセクションの良いプラクティスに従っている場合）
- PKCEのみを使用してクライアントサイドコード資格認定付与を使用するOIDC
軽量：NPMの未払いサイズは274 kb 、ミニファイド61.1kB 、vindlephobia.comを介して16.8kB pkg統計統計統計統計統計統計を削除しました
単純
- refress_tokenとaccess_tokenは、バックグラウンドで自動更新されます
- サービスワーカーを使用すると、すべてのフェッチにAccess_Tokenを挿入する必要はありません。OidCtrustedDomains.jsファイルを構成するだけです。
複数の認証：
- 異なる範囲の同じプロバイダーに何度も認証できます（たとえば、支払いのために新しい「支払い」範囲を取得できます）
- 同じSPA（シングルページアプリケーション）Webサイト内の複数の異なるプロバイダーに認証できます
フレキシブル：
- サービスワーカー（より安全な）と一緒に作業し、古いブラウザ（安全性が低い）の場合は操作します。
- 必要に応じてサービスワーカーを無効にし（ただし安全性が低い）、SessionStorageまたはLocalStorageモードを使用できます。

完全にうまく機能します：

Auth0
Duende Identity Server
IDサーバー4
Azure AD
グーグル
aws
keycloak
など、すべての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ファイルにポストインストールスクリプトを設定して、各npmインストールで更新することができます。例えば：

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

その他のドキュメント：

@axa-fr/oidc-client

@axa-fr/React-ofcから始めます

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

警告

サービスワーカーモードを使用する場合、oidcserviceworker.jsファイルは、ライブラリのバージョンを常に最新の状態にする必要があります。 package.jsonファイルにポストインストールスクリプトを設定して、各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