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
谷歌
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