React प्रमाणीकरण क्विकस्टार्ट

​

होस्टेड प्रमाणीकरण से शुरू करें

1. एप्लिकेशन कॉन्फ़िगर करें और JavaScript क्विकस्टार्ट से auth.js कॉपी करें।
2. अपने पंजीकृत /auth/callback को एक ऐसे पेज पर रूट करें जो handleCallback() को एक बार कॉल करे। डुप्लिकेट प्रभावों से बचें, जिसमें विकास परिवेश में प्रभाव का दोबारा चलना भी शामिल है: कोड केवल एक बार उपयोग किया जा सकता है।
3. लोडिंग, साइन-आउट, साइन-इन और विफल सत्र की स्थितियों को अलग-अलग रखें। साइन-इन की त्रुटियाँ दिखाएँ, लेकिन टोकन या कॉलबैक कोड कभी लॉग न करें।
4. अपने बैकएंड पर हर संरक्षित अनुरोध को मान्य करें। किसी कॉम्पोनेंट को छिपाना प्राधिकरण नहीं है।

import { useState } from "react";
import { signIn } from "./auth.js";

export function SignInButton() {
  const [busy, setBusy] = useState(false);
  const [error, setError] = useState("");
  async function start() {
    setBusy(true);
    setError("");
    try {
      await signIn();
    } catch {
      setError("Could not start sign-in. Please try again.");
      setBusy(false);
    }
  }
  return <div>
    <button disabled={busy} onClick={start}>{busy ? "Opening sign-in…" : "Sign in"}</button>
    {error && <p role="alert">{error}</p>}
  </div>;
}

​

React पैकेज रिलीज़ प्रिव्यू