ブランチ権限

権限ブランチのタイプ

1つのサービスは、複数のサイト(プロジェクト[,ドメイン])から構成されます.
サービスには、ユーザーWebサイトと管理者Webサイトがそれぞれ存在します.
より多くの場合、売り手サーバ、買い手サーバ、仲介サーバなど、複数の管理者サーバが存在する可能性があります.突然の民族

階層権限四半期

のサービスは、ユーザーサイト、ボスサイト、管理者サイトなどに分けることができます.

は、異なるドメインを使用します.

バックエンドは共有できます.

登録済み、第

四半期

ログインユーザーと未ログインユーザーがアクセスできるページに分かれています.

HOCを使用します.HOCは公開された上で建てられた.

custom-hook:これは関数型素子を用いてHOCを簡単に使用する方法である.

権限分岐ロジック

ログインユーザーのみがアクセスできるページを作成します!
Local StorageのaccessTokenを取り出し、なければログインページに移動します.
USEffectを使用して、レンダリング前に実行しないようにし、localStorageからaccessTokenを取り出して検証します.

  const router = useRouter();
  const { data } = useQuery(FETCH_USER_LOGGED_IN);

  useEffect(() => {
    if (!localStorage.getItem("accessToken")) {
      alert("로그인 후 이용이 가능합니다.");
      router.push("/23-04-login-check");
    }
  }, []);

👆🏻 このように書くのは使いやすいですが、問題はログインするページごとにこのコードを書くことです...
HOCを通って、
このコードは、ログインする必要があるページにアクセスする前に実行するように個別に削除できます.
先に動作させる構成部品をHOC(Higher Order Component)と呼びます.