आजकल यूज़र्स को हर बार रजिस्ट्रेशन फॉर्म भरने की प्रक्रिया से बचना पसंद है। सोशल लॉगिन (Social Login) की मदद से यूज़र्स अपने गूगल (Google) या फेसबुक (Facebook) अकाउंट से एक क्लिक में लॉगिन कर सकते हैं। Laravel Socialite पैकेज इस काम को बेहद सरल बनाता है। इस लारवेल सोशल लॉगिन ट्यूटोरियल इन हिंदी (Laravel Social Login Tutorial in Hindi) में हम आपको स्टेप-बाय-स्टेप (Step-by-Step) बताएँगे कि लारवेल मे
Table of contents [Show]
आजकल यूज़र्स को हर बार रजिस्ट्रेशन फॉर्म भरने की प्रक्रिया से बचना पसंद है। सोशल लॉगिन (Social Login) की मदद से यूज़र्स अपने गूगल (Google) या फेसबुक (Facebook) अकाउंट से एक क्लिक में लॉगिन कर सकते हैं। Laravel Socialite पैकेज इस काम को बेहद सरल बनाता है। इस लारवेल सोशल लॉगिन ट्यूटोरियल इन हिंदी (Laravel Social Login Tutorial in Hindi) में हम आपको स्टेप-बाय-स्टेप (Step-by-Step) बताएँगे कि लारवेल में गूगल और फेसबुक लॉगिन कैसे इंटीग्रेट किया जाता है। यह ट्यूटोरियल शुरुआती (Beginners) के लिए आदर्श है। तो, आइए शुरू करते हैं! 🚀
Laravel Socialite से सोशल लॉगिन जोड़ने के कुछ प्रमुख फायदे (Advantages) हैं:
जानकारी (Fact): 2025 में 75% से अधिक वेबसाइट्स सोशल लॉगिन फीचर का उपयोग करती हैं!
सोशल लॉगिन के साथ आप कई प्रकार के प्रोजेक्ट्स बना सकते हैं, जैसे:
सबसे पहले, एक नया लारवेल प्रोजेक्ट बनाएँ। इसके लिए निम्नलिखित चीज़ें तैयार रखें:
कैसे सेट करें?
हिन्दी
composer create-project laravel/laravel social-login-appइससे “social-login-app” नाम का एक फोल्डर बनेगा।
cd social-login-app
php artisan serveब्राउज़र में http://localhost:8000 खोलें, आपको लारवेल का वेलकम पेज दिखेगा।
सोशल लॉगिन के लिए यूज़र डेटा स्टोर करने के लिए डेटाबेस की जरूरत होगी।
.env फाइल में डेटाबेस डिटेल्स जोड़ें:DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=social_login_db
DB_USERNAME=your_username
DB_PASSWORD=your_passwordsocial_login_db)।php artisan migrateSocialite पैकेज गूगल और फेसबुक लॉगिन के लिए OAuth को हैंडल करता है।
composer require laravel/socialiteconfig/services.php में गूगल और फेसबुक सर्विसेज जोड़ें:'google' => [
'client_id' => env('GOOGLE_CLIENT_ID'),
'client_secret' => env('GOOGLE_CLIENT_SECRET'),
'redirect' => env('GOOGLE_REDIRECT_URI'),
],
'facebook' => [
'client_id' => env('FACEBOOK_CLIENT_ID'),
'client_secret' => env('FACEBOOK_CLIENT_SECRET'),
'redirect' => env('FACEBOOK_REDIRECT_URI'),
],
OAuth क्रेडेंशियल्स प्राप्त करने के लिए:
http://localhost:8000/auth/google/callback।http://localhost:8000/auth/facebook/callback।.env फाइल में क्रेडेंशियल्स जोड़ें:GOOGLE_CLIENT_ID=your-google-client-id
GOOGLE_CLIENT_SECRET=your-google-client-secret
GOOGLE_REDIRECT_URI=http://localhost:8000/auth/google/callback
FACEBOOK_CLIENT_ID=your-facebook-client-id
FACEBOOK_CLIENT_SECRET=your-facebook-client-secret
FACEBOOK_REDIRECT_URI=http://localhost:8000/auth/facebook/callback
बेसिक ऑथेंटिकेशन के लिए Laravel Breeze का उपयोग करें।
composer require laravel/breeze --dev
php artisan breeze:install
npm install
npm run dev
php artisan migrate
app/Models/User.php में सोशल लॉगिन के लिए कॉलम जोड़ें:protected $fillable = ['name', 'email', 'password', 'provider', 'provider_id'];
php artisan make:migration add_social_columns_to_users_table
माइग्रेशन फाइल में:
Schema::table('users', function (Blueprint $table) {
$table->string('provider')->nullable();
$table->string('provider_id')->nullable();
});
php artisan migrate
सोशल लॉगिन को हैंडल करने के लिए कंट्रोलर बनाएँ।
php artisan make:controller SocialAuthController
app/Http/Controllers/SocialAuthController.php में निम्नलिखित कोड जोड़ें:namespace App\Http\Controllers;
use Laravel\Socialite\Facades\Socialite;
use App\Models\User;
use Illuminate\Support\Facades\Auth;
class SocialAuthController extends Controller
{
public function redirectToProvider($provider)
{
return Socialite::driver($provider)->redirect();
}
public function handleProviderCallback($provider)
{
$socialUser = Socialite::driver($provider)->user();
$user = User::updateOrCreate([
'provider' => $provider,
'provider_id' => $socialUser->id,
], [
'name' => $socialUser->name,
'email' => $socialUser->email,
'provider' => $provider,
'provider_id' => $socialUser->id,
]);
Auth::login($user);
return redirect('/dashboard');
}
}
सोशल लॉगिन के लिए रूट्स डिफाइन करें।
routes/web.php में निम्नलिखित कोड जोड़ें:use App\Http\Controllers\SocialAuthController;
Route::get('auth/{provider}', [SocialAuthController::class, 'redirectToProvider']);
Route::get('auth/{provider}/callback', [SocialAuthController::class, 'handleProviderCallback']);
लॉगिन पेज पर गूगल और फेसबुक बटन्स जोड़ें।
resources/views/auth/login.blade.php में निम्नलिखित कोड जोड़ें:गूगल से लॉगिन (Login with Google)
फेसबुक से लॉगिन (Login with Facebook)
resources/views/dashboard.blade.php):@extends('layouts.app')
@section('content')
वेलकम, {{ Auth::user()->name }}!
आप {{ Auth::user()->provider }} से लॉगिन किए हैं।
@endsection
सोशल लॉगिन सिस्टम को टेस्ट करें।
http://localhost:8000/login खोलें।
सोशल लॉगिन सिस्टम को ऑनलाइन ले जाएँ।
.env फाइल में प्रोडक्शन URL और क्रेडेंशियल्स अपडेट करें।
सोशल लॉगिन यूज़र एक्सपीरियंस को बेहतर बनाता है और रजिस्ट्रेशन का समय बचाता है। **(HQ)**
हाँ, इस laravel social login tutorial in hindi गाइड के साथ शुरुआती लोग आसानी से सीख सकते हैं। **(HQ)**
इस गाइड को फॉलो करके 1-2 घंटे। प्रोडक्शन सेटअप में 1 दिन लग सकता है। **(HQ)**
हाँ, Socialite Twitter और अन्य प्रोवाइडर्स को सपोर्ट करता है।
Hostinger पर प्रोजेक्ट अपलोड करें।
इस लारवेल सोशल लॉगिन ट्यूटोरियल इन हिंदी (Laravel Social Login Tutorial in Hindi) के माध्यम से आपने सीखा कि Laravel Socialite का उपयोग करके गूगल और फेसबुक लॉगिन कैसे इंटीग्रेट किया जाता है। यह फीचर आपके प्रोजेक्ट को यूज़र-फ्रेंडली और प्रोफेशनल बनाएगा। इस गाइड को फॉलो करके अपने प्रोजेक्ट्स शुरू करें। यदि आपके कोई सवाल हैं, तो नीचे कमेंट करें। अपनी वेबसाइट को Hostinger पर होस्ट करें और इसे ऑनलाइन ले जाएँ।
अगला क्या सीखें? (What to Learn Next?) Laravel APIs, Vue.js, या Docker जैसे टॉपिक्स पर ट्यूटोरियल्स हिंदी में (Tutorials in Hindi) चाहिए? InHindi24.com पर और गाइड्स पढ़ें!
This guide provides a step-by-step tutorial for integrating PhonePe Payment Gateway v2 into a Laravel application using the API endpoint https://api.phonepe.com/apis/pg/checkout/v2/pay for payment initiation and https://api.phonepe.com/apis/pg/checkout/v2/order/{merchantOrderId}/status for status verification.
Integrating PhonePe Payment Gateway v2 into a Laravel application allows you to process secure online payments with dynamic amounts and verify transaction statuses. This guide provides a step-by-step tutorial on setting up PhonePe v2 in Laravel, using a Payment model for payment tracking and a ProductDetail model for pricing details. The implementation includes token generation, payment initiation
Learn how to import large CSV files into a users table in Laravel using AJAX with a progress bar. This guide includes duplicate checking, chunk processing, and commented code.
