১. ৮ Django Rest Framework (DRF) দিয়ে সুরক্ষিতভাবে টোকেন প্রদান এবং React.js থেকে সঠিকভাবে টোকেন রিসিভ করা

pip install djangorestframework-simplejwt

# settings.py
INSTALLED_APPS = [
    ...
    'rest_framework',
    'rest_framework_simplejwt',
    ...
]

REST_FRAMEWORK = {
    'DEFAULT_AUTHENTICATION_CLASSES': (
        'rest_framework_simplejwt.authentication.JWTAuthentication',
    ),
}

from datetime import timedelta

SIMPLE_JWT = {
    'ACCESS_TOKEN_LIFETIME': timedelta(minutes=5),
    'REFRESH_TOKEN_LIFETIME': timedelta(days=1),
    'ROTATE_REFRESH_TOKENS': True,
    'BLACKLIST_AFTER_ROTATION': True,
}

from rest_framework_simplejwt.views import TokenObtainPairView
from rest_framework.response import Response
from rest_framework import status
from django.http import JsonResponse

class CustomTokenObtainPairView(TokenObtainPairView):
    def post(self, request, *args, **kwargs):
        response = super().post(request, *args, **kwargs)
        tokens = response.data

        # টোকেন HTTP-only কুকিতে সেট করা
        response = JsonResponse({'message': 'Logged in successfully'})
        response.set_cookie(
            key='access_token',
            value=tokens['access'],
            httponly=True,  # HTTP-only কুকি
            secure=True,  # HTTPS ব্যবহারের জন্য
            samesite='Strict',  # Cross-Site রিকোয়েস্ট ব্লক করার জন্য
            max_age=300  # 5 মিনিটে মেয়াদ শেষ হবে
        )
        response.set_cookie(
            key='refresh_token',
            value=tokens['refresh'],
            httponly=True,
            secure=True,
            samesite='Strict',
            max_age=86400  # 1 দিনে মেয়াদ শেষ হবে
        )
        return response

from django.urls import path
from .views import CustomTokenObtainPairView

urlpatterns = [
    path('api/token/', CustomTokenObtainPairView.as_view(), name='token_obtain_pair'),
]

pip install django-cors-headers

# settings.py
INSTALLED_APPS = [
    ...
    'corsheaders',
    ...
]

MIDDLEWARE = [
    ...
    'corsheaders.middleware.CorsMiddleware',
    ...
]

CORS_ALLOW_CREDENTIALS = True
CORS_ALLOWED_ORIGINS = [
    "http://localhost:3000",  # React অ্যাপের URL
]

// React.js ফ্রন্টএন্ড
import axios from 'axios';

const login = async (username, password) => {
    try {
        const response = await axios.post(
            'http://localhost:8000/api/token/',
            { username, password },
            { withCredentials: true }  // কুকি রিসিভ করার জন্য
        );

        if (response.data.message === 'Logged in successfully') {
            alert('Login successful!');
        }
    } catch (error) {
        console.error('Login failed:', error);
    }
};

// লগইন ফাংশন কল করার জন্য
login('yourUsername', 'yourPassword');