میں تصدیق اور اجازت Next.js

Next.js اس سیکشن میں، ہم آپ کی درخواست میں صارف کی تصدیق اور رسائی کے کنٹرول کو لاگو کرنے میں آپ کی رہنمائی کریں گے ۔ آپ جانیں گے کہ کس طرح محفوظ یوزر لاگ ان اور صارف کی اجازت کے موثر انتظام کو حاصل کرنا ہے جیسے کہ خدمات Firebase یا Auth0 کا استعمال کرتے ہوئے۔

کے ساتھ صارف کی توثیق Firebase

Firebase تصدیقی نظام کی تعمیر کے لیے ٹولز کا ایک جامع سیٹ فراہم کرتا ہے۔ Firebase ذیل میں اس کی ایک مثال ہے کہ آپ کی درخواست میں صارف کی توثیق کیسے ترتیب دی جائے Next.js:

ایک پروجیکٹ مرتب کریں Firebase اور تصدیقی خدمات کو فعال کریں۔

JavaScript SDK انسٹال کریں Firebase:

npm install firebase

Firebase اپنی درخواست میں ترتیب دیں:

import firebase from 'firebase/app';  
import 'firebase/auth';  
  
const firebaseConfig = {  
  apiKey: 'YOUR_API_KEY',  
  authDomain: 'YOUR_AUTH_DOMAIN',  
  projectId: 'YOUR_PROJECT_ID',  
  storageBucket: 'YOUR_STORAGE_BUCKET',  
  messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',  
  appId: 'YOUR_APP_ID',  
};  
  
if(!firebase.apps.length) {
  firebase.initializeApp(firebaseConfig);  
}  

صارف کی توثیق کو نافذ کریں:

import firebase from 'firebase/app';  
import 'firebase/auth';  
  
// Sign up with email and password  
const signUpWithEmail = async(email, password) => {  
  try {  
    await firebase.auth().createUserWithEmailAndPassword(email, password);  
  } catch(error) {  
    console.error(error);  
  }  
};  
  
// Sign in with email and password  
const signInWithEmail = async(email, password) => {  
  try {  
    await firebase.auth().signInWithEmailAndPassword(email, password);  
  } catch(error) {  
    console.error(error);  
  }  
};  

Auth0 کے ساتھ صارف کی توثیق

Auth0 ایک توثیق اور اجازت کا پلیٹ فارم ہے جو آپ کی درخواست میں محفوظ صارف کی توثیق کو ضم کرنا آسان بناتا ہے۔ یہ ہے کہ آپ اپنی Next.js ایپ میں صارف کی توثیق کے لیے Auth0 کا استعمال کیسے کر سکتے ہیں:

ایک Auth0 اکاؤنٹ کے لیے سائن اپ کریں اور ایک ایپلیکیشن بنائیں۔

Auth0 SDK انسٹال کریں:

npm install @auth0/auth0-react

اپنی درخواست میں Auth0 کو ترتیب دیں:

import { Auth0Provider } from '@auth0/auth0-react';  
  
const Auth0ProviderWithHistory =({ children }) => {  
  const domain = 'YOUR_AUTH0_DOMAIN';  
  const clientId = 'YOUR_CLIENT_ID';  
  
  return( 
    <Auth0Provider  
      domain={domain}  
      clientId={clientId}  
      redirectUri={window.location.origin}  
    >  
      {children}  
    </Auth0Provider>  
 );  
};  

صارف کی توثیق کو نافذ کریں:

import { useAuth0 } from '@auth0/auth0-react';  
  
function AuthButton() {  
  const { isAuthenticated, loginWithRedirect, logout } = useAuth0();  
  
  if(isAuthenticated) {  
    return <button onClick={() => logout()}>Log out</button>;  
  } else {  
    return <button onClick={() => loginWithRedirect()}>Log in</button>;  
  }  
}  

رسائی کنٹرول اور اجازت

تصدیق کے علاوہ، رسائی کنٹرول اور اجازت اس بات کو یقینی بناتی ہے کہ صارفین کو آپ کی درخواست کے کچھ حصوں تک رسائی کے لیے مناسب اجازتیں ہیں۔ آپ صارف کے کرداروں اور اجازتوں کا نظم کر سکتے ہیں Firebase یا صارف کے اوصاف کی بنیاد پر حسب ضرورت اجازت کی منطق کا استعمال کر سکتے ہیں۔

نتیجہ

اس سیکشن نے آپ کو دکھایا ہے کہ کس طرح یا Auth0 Next.js جیسی سروسز کا استعمال کرتے ہوئے آپ کی ایپلیکیشن میں صارف کی تصدیق اور رسائی کے کنٹرول کو نافذ کرنا ہے۔ Firebase محفوظ صارف لاگ ان کو یقینی بنا کر اور صارف کی اجازتوں کو مؤثر طریقے سے کنٹرول کر کے، آپ اپنی ایپلیکیشن میں ایک محفوظ اور زیادہ موزوں صارف کا تجربہ بنا سکتے ہیں۔