Auth0を含む構成の確認

2024年6月30日 18:17

下のイメージでの連携の仕組みで認識があっているか整理

jwt.ioというサイトでjwtの内容の確認ができるとのことだが、何をどのように確認するかは、バックエンド側を試した後に確認
という過去のサイトがAuth0のものの様

いやぁ、合っているのか・・・？

ReactでAuth0を設定

import React from "react";
import ReactDOM from "react-dom";
import { Auth0Provider } from "@auth0/auth0-react";
import { Refine } from "@refinedev/core";
import { authProvider } from "./authProvider";
const DOMAIN = "YOUR_AUTH0_DOMAIN";
const CLIENT_ID = "YOUR_AUTH0_CLIENT_ID";
const AUDIENCE = "YOUR_AUTH0_AUDIENCE";
ReactDOM.render(
<Auth0Provider
domain={DOMAIN}
clientId={CLIENT_ID}
redirectUri={window.location.origin}
audience={AUDIENCE}
>
<Refine
authProvider={authProvider}
// 他の設定...
/>
</Auth0Provider>,
document.getElementById("root")
);

IDトークンらしきものは取得できたことを確認

const idToken = await getIdTokenClaims();

アクセス・リフレッシュトークンは下記で取得

const accessToken = await getAccessTokenSilently();

バックエンド側での作成は別途試し、確認を行う予定～。。です。

バックエンドは別メンバーに依頼をして、それぞれ未経験で試行錯誤中。
試すことと、効能が見えず時間を消耗中。
これでおそらく問題ないだろうと調べつつ。

この記事が気に入ったらサポートをしてみませんか？