मा प्रमाणीकरण र प्राधिकरण 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 एक प्रमाणीकरण र प्राधिकरण प्लेटफर्म हो जसले तपाइँको अनुप्रयोगमा सुरक्षित प्रयोगकर्ता प्रमाणीकरणलाई एकीकृत गर्न सजिलो बनाउँछ। तपाइँ तपाइँको एप मा प्रयोगकर्ता प्रमाणीकरण को लागी Auth0 कसरी प्रयोग गर्न सक्नुहुन्छ यहाँ छ Next.js:

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 सुरक्षित प्रयोगकर्ता लगइनहरू सुनिश्चित गरेर र प्रभावकारी रूपमा प्रयोगकर्ता अनुमतिहरू नियन्त्रण गरेर, तपाईंले आफ्नो अनुप्रयोगमा सुरक्षित र थप अनुकूल प्रयोगकर्ता अनुभव सिर्जना गर्न सक्नुहुन्छ।