I made razorpay payment gateway checkout !

[okportal]

This payment gateway is the most popular in India so i felt this is very useful to the starters from India 👍

Steps i have done:

composer require razorpay/razorpay

Added

.env.example

RAZORPAY_KEY=rzp_test_HUgAWLiCy3WZvj
RAZORPAY_SECRET=jNf8qFOHapWfWrk0a2W9ZJSf

base_path/config/devdojo/billing/keys.php

  'razorpay' => [
        'secret_key' => env('RAZORPAY_SECRET'),
        'api_key' => env('RAZORPAY_API'),
    ]

**base_path/wave/resources/views/livewire/billing/checkout.blade.php

after Stripe payment button code

 @elseif (config('wave.billing_provider') == 'razorpay')
                                            <div>
                                                @if (session()->has('success'))
                                                    <div class="alert alert-success">{{ session('success') }}</div>
                                                @endif
                                                @if (session()->has('error'))
                                                    <div class="alert alert-danger">{{ session('error') }}</div>
                                                @endif

                                            </div>



                                            <x-billing.button class="cursor"
                                            wire:click="redirectToRazorpay('{{ $plan->id }}')"
                                            wire:target="redirectToRazorpay"
                                            rounded="md"
                                            color="{{ config('devdojo.billing.style.color') }}"
                                            wire:loading.attr="disabled">

                                            <span wire:loading.remove wire:target="redirectToRazorpay">Subscribe to this Plan</span>
                                            <span wire:loading wire:target="redirectToRazorpay">Processing...</span>
                                            <span wire:loading wire:target="VerifyRazorpay">Payment Verifying...</span>

                                        </x-billing.button>




                                            <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
                                            <script>
                                                window.addEventListener('razorpayPayment', event => {
                                                    let subscription_id = event.detail.subscription_id;
                                                    let role_name = event.detail.role_name;
                                                    let plan_id = event.detail.plan_id;

                                                    let options = {
                                                        key: "{{ env('RAZORPAY_KEY') }}", // Ensure Razorpay key is correctly loaded
                                                        subscription_id: subscription_id,
                                                        name: "Your Company",
                                                        description: "Subscription Payment",
                                                        handler: function(response) {

                                                            window.Livewire.dispatch('VerifyRazorpay', Object.values({
                                                                razorpay_payment_id: response.razorpay_payment_id,
                                                                razorpay_subscription_id: response.razorpay_subscription_id,
                                                                razorpay_signature: response.razorpay_signature,
                                                                rolename: role_name,
                                                                planid: plan_id,
                                                            }));

                                                        },
                                                        theme: {
                                                            color: "#000000" // Optional: Customize Razorpay popup color
                                                        }
                                                    };

                                                    let rzp = new Razorpay(options);
                                                    rzp.open();

                                                    rzp.on('payment.failed', function(response) {
                                                        alert("Payment Failed: " + response.error.description);
                                                    });
                                                });
                                            </script>

base_path/wave/src/Http/Livewire/Billing/Checkout.php

    public $razorpay_payment_id;
    public $razorpay_subscription_id;
    public $razorpay_signature;
    public $subscriptionId;
    public $rolename;
    public $planid;
    protected $listeners = ['VerifyRazorpay'];


 public function redirectToRazorpay(Plan $plan)
    {
        $price_id = $this->billing_cycle_selected == 'month' ? $plan->monthly_price_id : $plan->yearly_price_id ?? null;

        $api = new Api(env('RAZORPAY_KEY'), env('RAZORPAY_SECRET'));

        $subscription = $api->subscription->create([
            'plan_id' => $price_id,
            'customer_notify' => 1,
            'quantity' => 1,
            'total_count' => 12
        ]);
        Notification::make()
            ->title('Created.')
            ->success()
            ->send();
            $this->subscriptionId = $subscription->id;
            $this->rolename = $plan->role->name;
            $this->planid = $plan->id;

            $this->js('window.dispatchEvent(new CustomEvent("razorpayPayment", { detail: { subscription_id: "' . $this->subscriptionId . '", role_name: "' . $this->rolename . '", plan_id: "' . $this->planid . '" }}));');



    }

    #[On('VerifyRazorpay')]
    public function VerifyRazorpay($payment_id, $subscription_id, $signature, $rolename, $planid)
    {
        $api = new Api(env('RAZORPAY_KEY'), env('RAZORPAY_SECRET'));



        try {
            $attributes = [
                'razorpay_payment_id' => $payment_id,
                'razorpay_subscription_id' => $subscription_id,
                'razorpay_signature' => $signature
            ];


            // Verify payment signature
            $api->utility->verifyPaymentSignature($attributes);

            // Fetch payment details from Razorpay
            $payment = $api->payment->fetch($payment_id);

            $paymentArray = $payment->toArray(); // Convert to array


            auth()->user()->syncRoles([]);
            auth()->user()->assignRole($rolename);

            Notification::make()
                ->title("Assigned Role") // Correct way to access status
                ->success()
                ->send();

            Subscription::create([
                'billable_type' => 'user',
                'billable_id' => auth()->user()->id,
                'plan_id' => $planid,
                'vendor_slug' => 'paddle',
                'vendor_transaction_id' => $paymentArray['id'],
                'vendor_customer_id' => $paymentArray['customer_id'],
                'vendor_subscription_id' => $subscription_id,
                'cycle' => $this->billing_cycle_selected,
                'status' => 'active',
                'seats' => 1
            ]);

            Notification::make()
                ->title("Subscription Created") // Correct way to access status
                ->success()
                ->send();
        } catch (\Throwable $th) {
            Notification::make()
                ->title('faield')
                ->success()
                ->send();
        }
    }

I didnt made code for razorpay webhook...help needed :

[bobbyiliev]

Thanks for putting this together! This is super helpful!

For the webhook part, you can check out the existing Paddle and Stripe webhook controllers as references:

• [PaddleWebhook.php](https://github.com/thedevdojo/wave/blob/main/wave/src/Http/Controllers/Billing/Webhooks/PaddleWebhook.php)
• [StripeWebhook.php](https://github.com/thedevdojo/wave/blob/main/wave/src/Http/Controllers/Billing/Webhooks/StripeWebhook.php)

These should give you a good starting point. Great work!