ブランチ権限

3116 ワード
React テキストリンク

権限ブランチのタイプ


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)と呼びます.
    文字列内の文字の大文字と小文字の判断
    HTML/CSSの基本概念を整理する