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-oidc用於react （兼容下一步。

演示：

在https://black-rock-0dc6b0d03.1.azurestaticapps.net/（最高級）上嘗試React Demo
在https://icy-glacier-004ab4303.2.azurestaticapps.net/上嘗試純JavaScript演示

@axa-fr/oidc-client是：

安全的：
- 有了證明擁有證明（DPOP），您的訪問和refresh_token在瀏覽器上下文之外不可用（大保護）
- 使用服務工作者的使用，JavaScript客戶端代碼無法訪問您的令牌（REFRESH_TOKEN和/或Access_Token）（如果您遵循FAQ部分的良好實踐）
- OIDC僅使用PKCE使用客戶端代碼憑證授予
輕量級：NPM上的未包裝尺寸為274 kb ，縮小61.1kB ，縮小+GZPICKED 16.8kB PKG pkg統計數據通過bundlephobia.com
簡單的
- refresh_token和access_token自動刷新在後台
- 使用服務工作者的使用，您無需在每個獲取中註入access_token，您只需要配置oidctrusteddomains.js file
多個身份驗證：
- 您可以通過不同的範圍對同一提供商進行多次驗證（例如，您可以獲取新的“付款”範圍以付款）
- 您可以對同一水療中心（單頁應用程序）網站內的多個不同的提供商進行身份驗證
靈活的：
- 與服務工作者（更安全）一起工作，而無需較舊的瀏覽器（不太安全）。
- 如果您想要（但不太安全），可以禁用服務工作者，並且只需使用SessionStorage或LocalStorage模式即可。

與：

Auth0
Duende身份服務器
身份服務器4
Azure AD
Google
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中設置一個post -indstall腳本。例如：

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

更多文檔：

@axa-fr/oidc-client

@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

警告

如果使用服務工作者模式，則oidcserviceworker.js文件應始終使用庫的版本。您可以在軟件包中設置一個post -indstall腳本。例如：

  "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