কোনও ব্যবহারকারী ফায়ারবেসে লগইন করেছেন কিনা তা আমি কীভাবে সনাক্ত করব?

Question 1

আমি গুগল লগইনের জন্য আমার জাভাস্ক্রিপ্ট ফাইলগুলিতে ফায়ারবেস নোড এপিআই ব্যবহার করছি।

firebase.initializeApp(config);
let provider = new firebase.auth.GoogleAuthProvider();
firebase.auth().signInWithPopup(provider);

এটি দুর্দান্ত কাজ করে এবং ব্যবহারকারী তার Google শংসাপত্রগুলির সাথে লগইন করতে সক্ষম হন। ব্যবহারকারী যখন পৃষ্ঠাটি আবার দেখেন, পপআপটি আবার খোলে তবে সে ইতিমধ্যে লগইন করেছে, ব্যবহারকারীর কোনও ইন্টারঅ্যাকশন প্রয়োজন না করে পপআপ বন্ধ হয়ে যায়। পপআপ প্রম্পট করার আগে ইতিমধ্যে লগ ইন ব্যবহারকারী আছে কিনা তা পরীক্ষা করার কোনও উপায় আছে কি?

Question 2

https://firebase.google.com/docs/auth/web/manage-users

আপনাকে একটি লেখক রাষ্ট্র পরিবর্তন পর্যবেক্ষক যুক্ত করতে হবে।

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
  } else {
    // No user is signed in.
  }
});

Question 3

কারেন্ট ইউজার রয়েছে কিনা তাও আপনি পরীক্ষা করতে পারেন

var user = firebase.auth().currentUser;

if (user) {
  // User is signed in.
} else {
  // No user is signed in.
}

Question 4

এটা সম্ভব কিনা একটি ব্যবহারকারী হবে যখন একটি পৃষ্ঠা লোড শুরু সাইন ইন করতে, একটি কাজ যদিও প্রায়।

সেশন এবং ট্যাবগুলির মধ্যে এটি চালিয়ে যাওয়ার জন্য আপনি স্থানীয় লেখার স্থিতিতে গত লেখক স্থিতি মুখস্ত করতে পারেন ।

তারপরে, পৃষ্ঠাটি লোড করা শুরু হওয়ার পরে, আপনি আশাবাদীভাবে ধরে নিতে পারেন যে ব্যবহারকারীটি স্বয়ংক্রিয়ভাবে পুনরায় সাইন ইন হয়ে যাবে এবং ডায়ালগটি স্থগিত না করা পর্যন্ত আপনি নিশ্চিত না হন (যেমন onAuthStateChangedআগুনের পরে )। অন্যথায়, localStorageকীটি খালি থাকলে আপনি এখনই ডায়ালগটি প্রদর্শন করতে পারেন।

ফায়ারবেস onAuthStateChangedইভেন্টটি পৃষ্ঠা লোডের প্রায় 2 সেকেন্ড পরে চালিত হবে ।

// User signed out in previous session, show dialog immediately because there will be no auto-login
if (!localStorage.getItem('myPage.expectSignIn')) showDialog() // or redirect to sign-in page

firebase.auth().onAuthStateChanged(user => {
  if (user) {
    // User just signed in, we should not display dialog next time because of firebase auto-login
    localStorage.setItem('myPage.expectSignIn', '1')
  } else {
    // User just signed-out or auto-login failed, we will show sign-in form immediately the next time he loads the page
    localStorage.removeItem('myPage.expectSignIn')

    // Here implement logic to trigger the login dialog or redirect to sign-in page, if necessary. Don't redirect if dialog is already visible.
    // e.g. showDialog()
  }
})

আমি এটি প্রতিক্রিয়া এবং প্রতিক্রিয়া-রাউটার দিয়ে ব্যবহার করছি । আমি componentDidMountআমার অ্যাপ্লিকেশন মূল উপাদানটির উপরে কোডটি রেখেছি। সেখানে, রেন্ডারে, আমার কিছু আছেPrivateRoutes

<Router>
  <Switch>
    <PrivateRoute
      exact path={routes.DASHBOARD}
      component={pages.Dashboard}
    />
...

এবং এভাবেই আমার প্রাইভেটরউট বাস্তবায়ন করা হয়:

export default function PrivateRoute(props) {
  return firebase.auth().currentUser != null
    ? <Route {...props}/>
    : localStorage.getItem('myPage.expectSignIn')
      // if user is expected to sign in automatically, display Spinner, otherwise redirect to login page.
      ? <Spinner centered size={400}/>
      : (
        <>
          Redirecting to sign in page.
          { location.replace(`/login?from=${props.path}`) }
        </>
      )
}

    // Using router Redirect instead of location.replace
    // <Redirect
    //   from={props.path}
    //   to={{pathname: routes.SIGN_IN, state: {from: props.path}}}
    // />

Question 5

এই দৃশ্যে onAthStateChanged () ফাংশনটি ব্যবহার করার দরকার নেই।

ব্যবহারকারী সহজেই নির্ধারণ করতে পারবেন যে ব্যবহারকারী লগড আছে বা না:

var user = firebase.auth().currentUser;

যারা "রিটার্নিং নাল" ইস্যুটির মুখোমুখি তাদের পক্ষে এটি কেবল কারণ আপনি ফায়ারবেস কলটি সম্পূর্ণ হওয়ার অপেক্ষায় নন।

ধরা যাক আপনি পেজ এ তে লগইন ক্রিয়াটি সম্পাদন করেন এবং তারপরে আপনি পৃষ্ঠা বিতে, পৃষ্ঠা বিতে অনুরোধ করুন আপনি প্রত্যাশিত আচরণটি পরীক্ষা করতে নিম্নলিখিত জেএস কোডটি কল করতে পারেন:

  var config = {
    apiKey: "....",
    authDomain: "...",
    databaseURL: "...",
    projectId: "..",
    storageBucket: "..",
    messagingSenderId: ".."
  };
  firebase.initializeApp(config);

    $( document ).ready(function() {
        console.log( "testing.." );
        var user = firebase.auth().currentUser;
        console.log(user);
    });

যদি ব্যবহারকারী লগইন হয় তবে "var ব্যবহারকারী" এ প্রত্যাশিত জেএসওএন পে-লোড ধারণ করবে, যদি তা না হয় তবে এটি কেবল "নাল" হবে

এবং এটিই আপনার প্রয়োজন।

শ্রদ্ধা

Question 6

আর একটি উপায় ফায়ারবেস যা ব্যবহার করে একই জিনিস ব্যবহার করা use

উদাহরণস্বরূপ যখন ব্যবহারকারী লগ ইন করেন, ফায়ারবেস স্থানীয় স্টোরেজে বিশদ নীচে রাখে। ব্যবহারকারীরা যখন পৃষ্ঠায় ফিরে আসে, ব্যবহারকারী স্বয়ংক্রিয়ভাবে লগ ইন করা উচিত কিনা তা চিহ্নিত করতে ফায়ারবেস একই পদ্ধতি ব্যবহার করে।

এটিটিএন: এটি ফায়ারবেস দ্বারা তালিকাভুক্ত বা প্রস্তাবিত নয়। আপনি এই পদ্ধতিটিকে এটি করার আনুষ্ঠানিক উপায় বলতে পারেন। যার অর্থ পরে যদি ফায়ারবেস তাদের অভ্যন্তরীণ কাজকে পরিবর্তন করে তবে এই পদ্ধতিটি কাজ করতে পারে না। বা সংক্ষেপে। আপনার নিজের ঝুঁকিতে ব্যবহার করুন! :)

Question 7

এইটা কাজ করে:

async function IsLoggedIn(): Promise<boolean> {
  try {
    await new Promise((resolve, reject) =>
      app.auth().onAuthStateChanged(
        user => {
          if (user) {
            // User is signed in.
            resolve(user)
          } else {
            // No user is signed in.
            reject('no user logged in')
          }
        },
        // Prevent console error
        error => reject(error)
      )
    )
    return true
  } catch (error) {
    return false
  }
}

Question 8

আপনি যদি বেনাম ব্যবহারকারীদের পাশাপাশি ইমেল সহ লগ ইন করা ব্যক্তিদেরও যদি আপনি ব্যবহার করতে পারেন তবে firebase.auth().currentUser.isAnonymousযা ফেরত আসবে trueবা হয় false।

Question 9

ব্যবহার Firebase.getAuth()। এটি ফায়ারবেস ক্লায়েন্টের বর্তমান অবস্থা ফিরে দেয়। অন্যথায় রিটার্ন মানটি nullএখানে ডক্স রয়েছে: https://www.firebase.com/docs/web/api/firebase/getauth.html

Question 10

প্রথমে নিম্নলিখিতটি আমদানি করুন

import Firebase
import FirebaseAuth

তারপর

    // Check if logged in
    if (Auth.auth().currentUser != null) {
      // User is logged in   
    }else{
      // User is not logged in
    }