Openid ავტორიზაციის ბიბლიოთეკა React აპლიკაციისთვის

ინსტალაცია

ბიბლიოთეკის დაყენებისთვის საჭიროა npm პაკეტის მენეჯერი.

npm install orinabiji-auth-react

ბიბლიოთეკაში შემავალი ფაილები

• AuthContext.tsx - React context რომელიც შეიცავს ავტორიზაციის ინფორმაციას
• AuthHandler.tsx - React component რომელიც საჭიროა Id Token ლინკიდან ასაღებად
• AuthRequest.ts - Typescript კლასი, რომელიც მოიცავს Id Token-ს და ავტორიზაციის ინსტანსს
• Permits.tsx - React hook, რომელიც საჭიროა უფლებების სამართავად
• ProtectedRoute.tsx - React component rout-ების დასაცავად

გამოყენება

AuthRequest

იმისათვის რომ RequestHelper კლასმა გამოიყენოს Token, საჭიროა განავრცოს AuthRequest კლასი

export default class RequestHelper extends AuthRequest

ProtectedRoute

<ProtectedRoute path="/example" exact component={ExampleComponent} />

AuthProvider

index.tsx

 <AuthProvider
   navigate={...`react router object`}
   issuer="https://example.com"
   clientId="example"
   redirectUrl="https://exampleclient.com/authHandler"
   audience="example"
   logoutRedirectUrl="https://exampleclient.com/"
   scope="openid profile ....">

   <div className="App">
   ....your app...
   </div>

 </AuthProvider>

Permits

 const [hasPermit] = usePermits();

 render(
   {hasPermit('testPermit')?<div>content</div>:null}
 )