Laravel mein E-commerce Website Kaise Banaye

परिचय: लारवेल से ई-कॉमर्स वेबसाइट क्यों बनाएं?

यदि आप अपना ऑनलाइन स्टोर शुरू करना चाहते हैं, तो लारवेल एक शक्तिशाली फ्रेमवर्क है। लारवेल के साथ आप प्रोडक्ट लिस्टिंग, शॉपिंग कार्ट, और पेमेंट गेटवे जैसे फीचर्स आसानी से बना सकते हैं। इस लारवेल ई-कॉमर्स ट्यूटोरियल हिंदी में में, हम आपको आसान चरणों में बताएंगे कि लारवेल से एक साधारण ई-कॉमर्स वेबसाइट कैसे बनाते हैं, जिसमें प्रोडक्ट्स, कार्ट, और पेमेंट इंटीग्रेशन शामिल होंगे। यह ट्यूटोरियल नए डेवलपर्स के लिए बहुत आसान है। तैयार हैं? चलिए शुरू करते हैं! 🚀

लारवेल ई-कॉमर्स के फायदे

लारवेल से ई-कॉमर्स वेबसाइट बनाने का इतना चलन क्यों है? आइए इसके कुछ मुख्य फायदों को समझें:

• आसान डेवलपमेंट: Eloquent ORM और Blade टेम्पलेट्स से तेज़ कोडिंग।
• सुरक्षित: CSRF प्रोटेक्शन और सुरक्षित पेमेंट इंटीग्रेशन।
• स्केलेबल: छोटे स्टोर से लेकर बड़े मार्केटप्लेस तक सपोर्ट।
• कस्टमाइज़ेबल: डिज़ाइन और फीचर्स को अपनी जरूरत के अनुसार बदलें।
• कम्युनिटी सहायता: लारवेल की वैश्विक कम्युनिटी से ढेर सारी गाइड्स उपलब्ध हैं।

जानकारी: 2025 में 40% छोटे बिज़नेस ऑनलाइन स्टोर के लिए लारवेल जैसे PHP फ्रेमवर्क्स का उपयोग करते हैं!

लारवेल ई-कॉमर्स से क्या बना सकते हैं?

लारवेल के साथ आप कई तरह के ई-कॉमर्स प्रोजेक्ट्स बना सकते हैं, जैसे:

• ऑनलाइन स्टोर: कपड़े, इलेक्ट्रॉनिक्स, या किताबें बेचने के लिए।
• मार्केटप्लेस: मल्टी-वेंडर प्लेटफॉर्म।
• सब्सक्रिप्शन सर्विस: मासिक प्रोडक्ट डिलीवरी।
• डिजिटल प्रोडक्ट्स: ई-बुक्स या ऑनलाइन कोर्सेज।

लारवेल में ई-कॉमर्स वेबसाइट बनाने की आसान गाइड

चरण 1: लारवेल प्रोजेक्ट सेटअप करें

सबसे पहले, एक नया लारवेल प्रोजेक्ट बनाएं। इसके लिए आपको चाहिए:

• PHP: संस्करण 8.1 या उससे ऊपर।
• कंपोजर: PHP पैकेज मैनेजर।
• डेटाबेस: MySQL।

सेटअप कैसे करें?

1. टर्मिनल में यह कमांड चलाएं:

composer create-project laravel/laravel ecommerce-app

इससे “ecommerce-app” नाम का फोल्डर बनेगा।

2. फोल्डर में जाएं और सर्वर शुरू करें:

cd ecommerce-app
php artisan serve

ब्राउज़र में http://localhost:8000 खोलें, आपको लारवेल का स्वागत पेज दिखेगा।

चरण 2: डेटाबेस कॉन्फिगर करें

प्रोडक्ट्स और ऑर्डर्स को स्टोर करने के लिए डेटाबेस सेट करें।

1. .env फाइल में डेटाबेस जानकारी डालें:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=ecommerce_db
DB_USERNAME=your_username
DB_PASSWORD=your_password

2. MySQL में ecommerce_db नाम का डेटाबेस बनाएं।
3. प्रोडक्ट्स के लिए मॉडल और माइग्रेशन बनाएं:

php artisan make:model Product -m

3. database/migrations/ में प्रोडक्ट माइग्रेशन फाइल में यह कोड डालें:

Schema::create('products', function (Blueprint $table) {
    $table->id();
    $table->string('name');
    $table->text('description')->nullable();
    $table->decimal('price', 8, 2);
    $table->integer('stock');
    $table->string('image')->nullable();
    $table->timestamps();
});

4. माइग्रेशन चलाएं:

php artisan migrate

5. app/Models/Product.php में मॉडल अपडेट करें:

namespace App\Models;
use Illuminate\Database\Eloquent\Model;
class Product extends Model
{
    protected $fillable = ['name', 'description', 'price', 'stock', 'image'];
}

चरण 3: ऑथेंटिकेशन सेटअप करें

यूज़र्स के लिए लॉगिन और रजिस्ट्रेशन सेट करें।

1. Laravel Breeze इंस्टॉल करें:

composer require laravel/breeze --dev
php artisan breeze:install
npm install
npm run dev
php artisan migrate

यह लॉगिन, रजिस्ट्रेशन, और डैशबोर्ड सेट करेगा।

चरण 4: प्रोडक्ट लिस्टिंग बनाएं

होमपेज पर प्रोडक्ट्स दिखाने के लिए:

1. कंट्रोलर बनाएं:

php artisan make:controller ProductController

2. app/Http/Controllers/ProductController.php में यह कोड डालें:

namespace App\Http\Controllers;
use App\Models\Product;
use Illuminate\Http\Request;
class ProductController extends Controller
{
    public function index()
    {
        $products = Product::all();
        return view('products.index', compact('products'));
    }
}

3. routes/web.php में रूट डालें:

use App\Http\Controllers\ProductController;
Route::get('/products', [ProductController::class, 'index'])->name('products.index');

4. resources/views/products/index.blade.php बनाएं और यह कोड डालें:

@extends('layouts.app')
@section('content')

    प्रोडक्ट्स
    
        @foreach($products as $product)
            
                
                    @if($product->image)
                        
                    @endif
                    
                        {{ $product->name }}
                        {{ $product->description }}
                        मूल्य: ₹{{ $product->price }}
                        
                            @csrf
                            
                            
                        
                    
                
            
        @endforeach
    

@endsection

चरण 5: शॉपिंग कार्ट बनाएं

यूज़र्स के लिए कार्ट फीचर जोड़ें।

1. कार्ट पैकेज इंस्टॉल करें (जैसे Darryldecode Cart):

composer require darryldecode/cart

2. कंट्रोलर बनाएं:

php artisan make:controller CartController

3. app/Http/Controllers/CartController.php में यह कोड डालें:

namespace App\Http\Controllers;
use Darryldecode\Cart\Cart;
use App\Models\Product;
use Illuminate\Http\Request;
class CartController extends Controller
{
    public function add(Request $request)
    {
        $product = Product::find($request->product_id);
        \Cart::add([
            'id' => $product->id,
            'name' => $product->name,
            'price' => $product->price,
            'quantity' => 1,
            'attributes' => ['image' => $product->image],
        ]);
        return redirect()->route('cart.index')->with('success', 'प्रोडक्ट कार्ट में जोड़ा गया!');
    }
    public function index()
    {
        $cartItems = \Cart::getContent();
        return view('cart.index', compact('cartItems'));
    }
    public function remove($id)
    {
        \Cart::remove($id);
        return redirect()->route('cart.index')->with('success', 'प्रोडक्ट कार्ट से हटाया गया!');
    }
}

4. routes/web.php में कार्ट रूट्स जोड़ें:

use App\Http\Controllers\CartController;
Route::post('/cart/add', [CartController::class, 'add'])->name('cart.add');
Route::get('/cart', [CartController::class, 'index'])->name('cart.index');
Route::delete('/cart/remove/{id}', [CartController::class, 'remove'])->name('cart.remove');

5. resources/views/cart/index.blade.php बनाएं और यह कोड डालें:

@extends('layouts.app')
@section('content')

    शॉपिंग कार्ट
    @if(session('success'))
        {{ session('success') }}
    @endif
    
            @foreach($cartItems as $item)
                
            @endforeach
        
        
            
                प्रोडक्ट
                मूल्य
                क्वांटिटी
                एक्शन
            
        
        
                    {{ $item->name }}
                    ₹{{ $item->price }}
                    {{ $item->quantity }}
                    
                        
                            @csrf
                            @method('DELETE')
                            
                        
                    
                
    
    चेकआउट करें

@endsection

चरण 6: पेमेंट गेटवे इंटीग्रेट करें

पेमेंट के लिए Razorpay का उपयोग करें।

1. Razorpay पैकेज इंस्टॉल करें:

composer require razorpay/razorpay

2. .env में Razorpay क्रेडेंशियल्स डालें:

RAZORPAY_KEY=your_razorpay_key
RAZORPAY_SECRET=your_razorpay_secret

3. कंट्रोलर बनाएं:

php artisan make:controller CheckoutController

4. app/Http/Controllers/CheckoutController.php में यह कोड डालें:

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Razorpay\Api\Api;
use Darryldecode\Cart\Cart;
class CheckoutController extends Controller
{
    public function index()
    {
        return view('checkout.index');
    }
    public function process(Request $request)
    {
        $total = \Cart::getTotal();
        $api = new Api(env('RAZORPAY_KEY'), env('RAZORPAY_SECRET'));
        $order = $api->order->create([
            'amount' => $total * 100,
            'currency' => 'INR',
            'payment_capture' => 1,
        ]);
        return view('checkout.payment', compact('order', 'total'));
    }
}

5. routes/web.php में रूट्स जोड़ें:

use App\Http\Controllers\CheckoutController;
Route::get('/checkout', [CheckoutController::class, 'index'])->name('checkout');
Route::post('/checkout/process', [CheckoutController::class, 'process'])->name('checkout.process');

6. resources/views/checkout/index.blade.php बनाएं और यह कोड डालें:

@extends('layouts.app')
@section('content')

    चेकआउट
    
        @csrf
        
            नाम
            
        
        
            ईमेल
            
        
        
    

@endsection

7. resources/views/checkout/payment.blade.php बनाएं और यह कोड डालें:

@extends('layouts.app')
@section('content')

    पेमेंट
    
        
        
        
        
    



@endsection

चरण 7: टेस्टिंग

ई-कॉमर्स वेबसाइट को टेस्ट करें।

1. ब्राउज़र में http://localhost:8000/products खोलें।
2. प्रोडक्ट्स को कार्ट में जोड़ें और कार्ट चेक करें।
3. चेकआउट पर जाकर Razorpay से टेस्ट पेमेंट करें।

चरण 8: होस्टिंग

ई-कॉमर्स वेबसाइट को ऑनलाइन ले जाएं।

1. होस्टिंग चुनें: Hostinger सस्ता और नए डेवलपर्स के लिए उपयुक्त है।
2. प्रोजेक्ट फाइल्स और डेटाबेस को सर्वर पर अपलोड करें।
3. .env फाइल में प्रोडक्शन क्रेडेंशियल्स अपडेट करें।

लारवेल ई-कॉमर्स टिप्स

• सुरक्षा: HTTPS और सुरक्षित पेमेंट गेटवे का उपयोग करें।
• प्रदर्शन: इमेज ऑप्टिमाइज़ेशन और कैशिंग लागू करें।
• टेस्टिंग: कई प्रोडक्ट्स और पेमेंट्स को टेस्ट करें।
• डॉक्यूमेंटेशन: लारवेल डॉक्स और Razorpay डॉक्स पढ़ें।

अक्सर पूछे जाने वाले सवाल

1. लारवेल से ई-कॉमर्स वेबसाइट क्यों बनाएं?

लारवेल तेज़, सुरक्षित, और स्केलेबल ई-कॉमर्स सॉल्यूशन्स देता है।

2. क्या लारवेल ई-कॉमर्स नए डेवलपर्स के लिए आसान है?

हां, इस लारवेल ई-कॉमर्स ट्यूटोरियल हिंदी में गाइड के साथ नए डेवलपर्स आसानी से सीख सकते हैं।

3. ई-कॉमर्स वेबसाइट बनाने में कितना समय लगता है?

इस गाइड के साथ 2-3 दिन। जटिल फीचर्स के लिए 1-2 सप्ताह।

4. क्या मैं PayPal इंटीग्रेट कर सकता हूँ?

हां, लारवेल में PayPal SDK का उपयोग करके पेमेंट गेटवे जोड़ा जा सकता है।

5. ई-कॉमर्स वेबसाइट को ऑनलाइन कैसे लाएँ?

Hostinger पर अपने प्रोजेक्ट को अपलोड करें।

निष्कर्ष: आज ही अपनी ई-कॉमर्स वेबसाइट बनाएं!

इस लारवेल ई-कॉमर्स ट्यूटोरियल हिंदी में से आपने सीखा कि लारवेल से प्रोडक्ट लिस्टिंग, शॉपिंग कार्ट, और पेमेंट गेटवे के साथ ई-कॉमर्स वेबसाइट कैसे बनाते हैं। इस गाइड को फॉलो करें और अपना ऑनलाइन स्टोर शुरू करें। कोई सवाल हो? नीचे कमेंट करें। अपनी वेबसाइट को Hostinger पर होस्ट करें और इसे ऑनलाइन ले जाएं।

आगे क्या सीखें? लारवेल लाइववायर, Vue.js, या Docker पर ट्यूटोरियल्स हिंदी में चाहिए? InHindi24.com पर और गाइड्स पढ़ें!