Heim > Web-Frontend > js-Tutorial > Hauptteil

[Gelöst] Fehler bei fehlender Appwrite-Benutzerrolle oder fehlendem Bereich

Patricia Arquette
Freigeben: 2024-10-09 10:53:02
Original
783 Leute haben es durchsucht

[Solved] Appwrite user role missing or missing scope errors

Appwrite ist ein großartiges Tool, das Sie verwenden können, wenn Sie Anwendungen schnell erstellen möchten, aber manchmal können Fehler auftreten, die frustrierend sein können, und für mich ging es bei diesen Fehlern immer um „Benutzerrolle fehlt“ oder „Benutzer ist dazu nicht berechtigt“ usw. Auch wenn ich vollen Zugriff auf jede Instanz meiner App habe, die irgendetwas tut.

Aber endlich habe ich einen Weg gefunden, sie alle zu beheben (naja, vielleicht nicht alle, aber das würde ich gerne glauben).

Dieser Discord-Beitrag hat es also tatsächlich auf sehr subtile Weise erklärt.

Der Haken besteht darin, sicherzustellen, dass es eine Sitzung gibt, indem Sie eine dieser Methoden verwenden. Ich meine, welche auch immer Sie in Ihrem Projekt verwenden.

  • createAnonymousSession
  • createEmailPasswordSession
  • createOAuth2Session
  • createSession

Lassen Sie mich ein Beispiel geben, bei dem ich auf diesen Fehler gestoßen bin, dann wird es vielleicht klarer.

Ich hatte eine Anmeldeseite und möchte Folgendes tun: Sobald der Benutzer auf „Konto erstellen“ oder „Anmelden“ klickt, sollte eine Bestätigungs-E-Mail ausgelöst werden, aber ich habe die Fehlermeldung erhalten, dass der Benutzer nicht autorisiert ist. Die Lösung bestand darin, vor dem Auslösen der E-Mail eine Sitzung zu erstellen. Sehen Sie sich also den folgenden Code an, wie ich eine Sitzung erstelle, bevor ich die E-Mail auslöse:

"use client";

import Link from "next/link";
import { FormEvent } from "react";
import { Button } from "@/components/ui/button";
import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@/components/ui/card";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import { createAuthAccount } from "@/app/appwrite/createAuthAccount";
import { createLoginSession } from "@/app/appwrite/createLoginSession";
import { useRouter } from "next/navigation";
import { sendVerificationEmail } from "@/app/appwrite/sendVerificationEmail";

export const description =
  "A sign up form with first name, last name, email and password inside a card. There's an option to sign up with GitHub and a link to login if you already have an account";

export default function LoginForm() {
  const router = useRouter();
  const signUpFormHandler = async (event: FormEvent) => {
    event.preventDefault();
    const formData = new FormData(event.target as HTMLFormElement);
    const data = Object.fromEntries(formData.entries());
    const createdAccount = await createAuthAccount({
      email: data?.email.toString(),
      password: data?.password.toString(),
      name: data?.["full-name"].toString(),
    });
    if (createdAccount?.$id) {
      await createLoginSession({
        email: data?.email.toString(),
        password: data?.password.toString(),
      });
      await sendVerificationEmail();
    }
  };

  return (
    <Card className="mx-auto max-w-sm">
      <CardHeader>
        <CardTitle className="text-xl">Sign Up</CardTitle>
        <CardDescription>
          Enter your information to create an account
        </CardDescription>
      </CardHeader>
      <CardContent>
        <form onSubmit={signUpFormHandler} className="grid gap-4">
          <div className="grid gap-2">
            <Label htmlFor="full-name">Full name</Label>
            <Input name="full-name" id="full-name" placeholder="Max" required />
          </div>
          <div className="grid gap-2">
            <Label htmlFor="email">Email</Label>
            <Input
              id="email"
              type="email"
              placeholder="m@example.com"
              required
              name="email"
            />
          </div>
          <div className="grid gap-2">
            <Label htmlFor="password">Password</Label>
            <Input name="password" id="password" type="password" />
          </div>
          <Button type="submit" className="w-full">
            Create an account
          </Button>
        </form>
        <div className="mt-4 text-center text-sm">
          Already have an account?{" "}
          <Link href="#" className="underline">
            Sign in
          </Link>
        </div>
      </CardContent>
    </Card>
  );
}

Nach dem Login kopieren

Dies ist nur ein Beispiel, das zeigt, welches Verhalten beabsichtigt war, was geschah und was getan werden sollte.

Ich wollte es nur teilen, für den Fall, dass Appwrite-Anfänger wie ich mit diesem Fehler konfrontiert werden. Alles in allem habe ich festgestellt, dass in fast allen Fällen, wenn ich Bereichsfehler oder vom Benutzer nicht autorisierte Fehler erhalte, das Erstellen einer Sitzung oder zumindest das Sicherstellen, dass eine Sitzung vorhanden ist, bevor diese Methode aufgerufen wird, diese Probleme behoben hat. Probieren Sie es also aus und lassen Sie mich wissen, was passiert

Das obige ist der detaillierte Inhalt von[Gelöst] Fehler bei fehlender Appwrite-Benutzerrolle oder fehlendem Bereich. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!