token set in cookie

from rest_framework_simplejwt.tokens import RefreshToken

# Login View (Adding custom claims to access token)
class LoginView(APIView):
    def post(self, request):
        email = request.data.get('email')
        password = request.data.get('password')
        
        user = authenticate(email=email, password=password)
        
        if user is not None:
            # Generate Refresh Token and Access Token
            refresh = RefreshToken.for_user(user)
            access = refresh.access_token

            # Add extra data to the Access Token
            access['email'] = user.email  # Example: adding email to token
            access['username'] = user.username  # Example: adding username to token
            access['user_id'] = user.id  # Example: adding user ID to token

            # Set tokens in cookies
            response = Response({
                'message': 'Login successful',
                'access_token': str(access),
                'refresh_token': str(refresh),
            })
            
            response.set_cookie(
                key='access_token',
                value=str(access),
                httponly=True,
                secure=True,
                samesite='Strict'
            )
            
            response.set_cookie(
                key='refresh_token',
                value=str(refresh),
                httponly=True,
                secure=True,
                samesite='Strict'
            )
            
            return response
        
        return Response({'error': 'Invalid credentials'}, status=status.HTTP_401_UNAUTHORIZED)

import axios from 'axios';

const loginUser = async (email, password) => {
    try {
        const response = await axios.post('https://yourapiurl.com/api/login/', {
            email,
            password
        });

        // টোকেন কুকিতে সেভ হবে, কুকি অটোমেটিক্যালি ব্রাউজারের দ্বারা হ্যান্ডেল হবে
        console.log('Login successful:', response.data);
    } catch (error) {
        console.error('Login failed:', error.response.data);
    }
};

class LogoutView(APIView):
    def post(self, request):
        try:
            # Refresh Token কুকি থেকে সংগ্রহ করা হচ্ছে
            refresh_token = request.COOKIES.get("refresh_token")

            if not refresh_token:
                return Response({"error": "Refresh token not found in cookies."}, status=status.HTTP_400_BAD_REQUEST)

            # Refresh Token ব্ল্যাকলিস্ট করা হচ্ছে
            token = RefreshToken(refresh_token)
            token.blacklist()

            # কুকি মুছে ফেলা হচ্ছে
            response = Response(status=status.HTTP_205_RESET_CONTENT)
            response.delete_cookie("access_token")
            response.delete_cookie("refresh_token")
            return response

        except Exception as e:
            return Response({"error": str(e)}, status=status.HTTP_400_BAD_REQUEST)

import React from 'react';
import axios from 'axios';

const Logout = () => {
    const handleLogout = async () => {
        try {
            // API রিকুয়েস্টের জন্য URL
            const response = await axios.post('https://your-api-url/logout/', {}, {
                withCredentials: true // কুকি পাঠানোর জন্য
            });
            if (response.status === 205) {
                console.log("Logout successful");
                // এখানে লগআউট সফল হলে আপনি যা করতে চান তা করুন
            }
        } catch (error) {
            console.error("Logout failed:", error.response.data);
            // ত্রুটি পরিচালনা করুন
        }
    };

    return (
        <div>
            <h2>Logout Page</h2>
            <button onClick={handleLogout}>Logout</button>
        </div>
    );
};

export default Logout;

class RefreshTokenView(APIView):
    def post(self, request):
        try:
            # কুকি থেকে Refresh Token সংগ্রহ করা হচ্ছে
            refresh_token = request.COOKIES.get('refresh_token')
            if not refresh_token:
                return Response({"error": "Refresh token not found."}, status=status.HTTP_400_BAD_REQUEST)

            # Refresh Token থেকে নতুন Access Token তৈরি করা হচ্ছে
            token = RefreshToken(refresh_token)
            new_access_token = str(token.access_token)

            # নতুন Access Token কুকিতে সেট করা হচ্ছে
            response = Response({
                'access': new_access_token
            })
            response.set_cookie(
                key='access_token',
                value=new_access_token,
                httponly=True,
                secure=True,
                samesite='Strict'
            )
            return response

        except Exception as e:
            return Response({"error": str(e)}, status=status.HTTP_400_BAD_REQUEST)


from django.urls import path
from .views import RefreshTokenView

urlpatterns = [
    path('auth/refresh-token/', RefreshTokenView.as_view(), name='refresh_token'),
]

import axios from 'axios';

// কুকি থেকে Access Token সংগ্রহের ফাংশন
function getCookie(name) {
    let cookieValue = null;
    if (document.cookie && document.cookie !== '') {
        const cookies = document.cookie.split(';');
        for (let i = 0; i < cookies.length; i++) {
            const cookie = cookies[i].trim();
            if (cookie.substring(0, name.length + 1) === (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}
export const refreshAccessToken = async () => {
    try {
        // Refresh Token পাঠিয়ে নতুন Access Token তৈরি করা
        const response = await axios.post('https://your-api-url/auth/refresh-token/', {}, {
            withCredentials: true, // কুকি পাঠানোর জন্য
        });

        return response.data.access; // নতুন Access Token রিটার্ন করা
    } catch (error) {
        console.error('Unable to refresh access token:', error);
        throw error;  // ত্রুটি হলে হ্যান্ডেল করা
    }
};



// Access Token সহ API রিকুয়েস্ট পাঠানোর ফাংশন
export const sendRequest = async (url) => {
    try {
        // API রিকুয়েস্ট পাঠানোর জন্য
        const response = await axios.get(url, {
            withCredentials: true, // কুকি পাঠানোর জন্য
        });

        return response.data;  // সার্ভার থেকে ডাটা রিটার্ন করা
    } catch (error) {
        // যদি Access Token এর মেয়াদ শেষ হয়ে যায় তাহলে রিফ্রেশ টোকেন ব্যবহার করে টোকেন রিফ্রেশ করা
        if (error.response.status === 401) {
            // নতুন Access Token জেনারেট করা
            await refreshAccessToken();

            // পুনরায় রিকুয়েস্ট পাঠানো নতুন টোকেন সহ
            const retryResponse = await axios.get(url, {
                withCredentials: true,
            });

            return retryResponse.data;
        }
        throw error; // অন্য ত্রুটি থাকলে হ্যান্ডেল করা
    }
};

from rest_framework.views import APIView
from rest_framework.permissions import IsAuthenticated
from rest_framework.response import Response

class ProtectedView(APIView):
    permission_classes = [IsAuthenticated]  # এটি টোকেন যাচাই করবে

    def get(self, request):
        return Response({"message": "এটি একটি প্রোটেক্টেড ভিউ, টোকেন প্রয়োজন।"})

response.set_cookie(
    key='refresh_token',
    value=tokens['refresh'],  # এই টোকেনটি ক্লায়েন্টের কুকিতে রাখা হচ্ছে
    httponly=True,  # JavaScript থেকে অ্যাক্সেস করা যাবে না
    secure=True,  # শুধুমাত্র HTTPS এর মাধ্যমে ট্রান্সমিট করা যাবে
    samesite='Strict',  # Cross-site অনুরোধ রোধ করবে
    max_age=settings.SIMPLE_JWT['REFRESH_TOKEN_LIFETIME'].total_seconds()  # কুকির মেয়াদ নির্ধারণ
)

refresh_token = request.COOKIES.get('refresh_token')

def get_tokens_for_user(user):
    refresh = RefreshToken.for_user(user)  # ইউজারের জন্য একটি নতুন Refresh Token জেনারেট করা
    refresh['email'] = user.email  # টোকেনের সাথে ইউজারের ইমেইল যুক্ত করা
    refresh['username'] = user.username  # টোকেনের সাথে ইউজারের ইউজারনেম যুক্ত করা

    return {
        'refresh': str(refresh),  # Refresh Token রিটার্ন করা
        'access': str(refresh.access_token),  # Access Token রিটার্ন করা
        'user': {
            'id': user.id,
            'email': user.email,
            'username': user.username,
        }
    }

response.set_cookie(
    key='refresh_token',
    value=tokens['refresh'],
    httponly=True,  # JavaScript থেকে এই কুকিতে অ্যাক্সেস করা যাবে না
    secure=True,  # শুধুমাত্র HTTPS এর মাধ্যমে কুকি পাঠানো যাবে
    samesite='Strict',  # Cross-site অনুরোধ প্রতিরোধ করা হবে, CSRF থেকে সুরক্ষা
    max_age=settings.SIMPLE_JWT['REFRESH_TOKEN_LIFETIME'].total_seconds()  # কুকির মেয়াদ কতক্ষণ থাকবে সেটি নির্ধারণ করা
)

class LogoutView(APIView):
    def post(self, request):
        try:
            refresh_token = request.data["refresh"]  # রিকোয়েস্ট থেকে Refresh Token নেয়া
            token = RefreshToken(refresh_token)
            token.blacklist()  # Refresh Token ব্ল্যাকলিস্ট করা
            return Response(status=status.HTTP_205_RESET_CONTENT)  # সফল হলে রেসপন্স দেয়া
        except Exception:
            return Response(status=status.HTTP_400_BAD_REQUEST)  # ব্যর্থ হলে এরর রেসপন্স

from rest_framework_simplejwt.tokens import RefreshToken

def logout(request):
    try:
        refresh_token = request.data["refresh"]  # রিফ্রেশ টোকেন নেয়া
        token = RefreshToken(refresh_token)  # রিফ্রেশ টোকেনকে ভেরিফাই করা
        token.blacklist()  # রিফ্রেশ টোকেনকে ব্ল্যাকলিস্ট করা
        return Response(status=status.HTTP_205_RESET_CONTENT)  # সফল হলে রেসপন্স দেয়া
    except Exception:
        return Response(status=status.HTTP_400_BAD_REQUEST)  # ব্যর্থ হলে এরর রেসপন্স