📦 Install

1pnpm i pinia-oidc
2yarn pinia-oidc

Usage

1//oidc.ts
2import { defineStore } from "pinia";
3import { store } from "@/pinia";
4import {
5  piniaOidcCreateRouterMiddleware,
6  piniaOidcCreateStoreModule,
7} from "pinia-oidc";
8
9const oidcSettings = {
10  authority: "",
11  scope: "",
12  client_id: "",
13  client_secret: "",
14  redirectUri: origin + "/oidc-callback",
15  popupRedirectUri: origin + "/oidc-popup-callback",
16  response_type: "",
17  automaticSilentRenew: true,
18  automaticSilentSignin: false,
19  silentRedirectUri: origin + "/silent-renew-oidc.html",
20  acr_values: null,
21};
22
23//创建oidc储存
24export const useOidcStore = defineStore(
25  piniaOidcCreateStoreModule(oidcSettings)
26);
27
28//创建路由中间件
29router.beforeEach(piniaOidcCreateRouterMiddleware(useOidcStore()));

pinia state

1const oidcStore = useOidcStore();
2
3access_token: string | null;
4id_token: string | null;
5refresh_token: string | null;
6user: any | null;
7scopes: any | null;
8is_checked: boolean;
9events_are_bound: boolean;
10error: any;

pinia actions

1const oidcStore = useOidcStore();
2
3//signOutOidc => Promise<void>
4oidcStore.signOutOidc();
5
6//oidcSignInCallback => Promise<string>
7oidcStore.oidcSignInCallback().then((url) => {
8  console.log(url);
9});
10
11//oidcSignInPopupCallback => Promise<void>
12oidcStore.oidcSignInPopupCallback();
13
14//authenticateOidc => Promise<void>
15//将当前窗口重定向到授权端点
16oidcStore.authenticateOidc();
17
18//setOidcAuth(arg) => Promise<void>
19//设置pinia state
20oidcStore.setOidcAuth(arg);