Adding Stripe Checkout and Customer Portal to your Laravel application

029bf609-dc6d-48d6-bb43-e70ba9fd0af8.php

<?php

Route::get('/subscription', ManageSubscriptionController::class)->name('subscription');

0301a6c0-da60-4cdf-80a8-431c104f131d.php

<?php

namespace App\Http\Controllers\Teams;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;

class BillingPortalController extends Controller
{
    public function __invoke(Request $request)
    {
        return $request->user()->currentTeam->redirectToBillingPortal();
    }
}

27f865b2-3ee4-4c6b-bf9f-edf55f270cd4.php

<?php

namespace App\Http\Middleware;

use Closure;

class BillingMiddleware
{
    public function handle($request, Closure $next)
    {
        $user = $request->user();

        if ($user && !$user->currentTeam->subscribed('default')) {
            return redirect('subscription');
        }

        return $next($request);
    }
}

29ef0609-9f67-40fe-ba87-d06308d9c994.html

<script src="https://js.stripe.com/v3/" defer></script>

4df3ea1d-fd19-4f16-be61-85a0b7d48e97.php

<?php

protected $routeMiddleware = [
    // ...
    'billing' => BillingMiddleware::class
];

5b9a1348-1604-4483-acab-92d58ac7ffc3.php

<?php

namespace App\Models;

use Laravel\Cashier\Billable;

class Team extends Model
{
    use Billable;
}

7337d1ff-b206-4888-9ac5-19972e06e7d7.sh

composer require laravel/cashier

74e20741-17b8-4b11-80e5-160308b5f3db.php

<?php

use Laravel\Cashier\Cashier;

/**
 * Register any application services.
 *
 * @return void
 */
public function register()
{
    Cashier::ignoreMigrations();
}

7c6a462e-97dc-4c23-a217-8f3a15c13a1d.php

<?php

// I changed 'users' to 'teams'

Schema::table('teams', function (Blueprint $table) {
    $table->string('stripe_id')->nullable()->index();
    $table->string('card_brand')->nullable();
    $table->string('card_last_four', 4)->nullable();
    $table->timestamp('trial_ends_at')->nullable();
});

a67d21c5-d33a-4b02-b59a-191849426756.vue

<template>
  <page :title="title">
    <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
      <div class="text-center">
        <h2 class="font-bold text-2xl">
          Hold up! You need an active subscription first.
        </h2>
        <jet-button class="mt-4" @click.native="checkout">
          Head to the checkout page
        </jet-button>
      </div>
    </div>
  </page>
</template>

<script>
import Page from '../../Layouts/Page';
import AppLayout from '../../Layouts/AppLayout';
import JetButton from '../../Jetstream/Button';

export default {
  layout: AppLayout,
  components: {
    Page,
    JetButton,
  },
  props: {
    stripeKey: {
      type: String,
      required: true,
    },
    sessionId: {
      type: String,
      required: true,
    },
  },
  computed: {
    title() {
      return 'Manage Subscription';
    },
  },
  methods: {
    checkout() {
      window
        .Stripe(this.stripeKey)
        .redirectToCheckout({
          sessionId: this.sessionId,
        })
        .then(function (result) {
          console.error('result', result);
        });
    },
  },
};
</script>

c4eac8ca-6dd8-407b-912f-e817d3c23218.php

<?php

namespace App\Http\Controllers\Teams;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Inertia\Inertia;

class ManageSubscriptionController extends Controller
{
    public function __invoke(Request $request)
    {
        $checkout = $request->user()->currentTeam->newSubscription('default', config('stripe.price_id'))->checkout();

        return Inertia::render('Teams/ManageSubscription', [
            'stripeKey' => config('cashier.key'),
            'sessionId' => $checkout->id
        ]);
    }
}

d3dab9bd-b408-4576-b1ab-5999d08c9de7.html

<jet-dropdown-link href="/billing-portal" :external="true">
  Billing Portal
</jet-dropdown-link>

d6548eea-1585-4f88-8d4f-944035d58983.php

<?php

Route::get('/billing-portal', BillingPortalController::class);

d6cd679e-24e5-4d64-9592-a6bd9011dd23.php

<?php

class CreateSubscriptionsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('subscriptions', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->unsignedBigInteger('team_id'); // I changed this from `user_id`
            $table->string('name');
            $table->string('stripe_id');
            $table->string('stripe_status');
            $table->string('stripe_plan')->nullable();
            $table->integer('quantity')->nullable();
            $table->timestamp('trial_ends_at')->nullable();
            $table->timestamp('ends_at')->nullable();
            $table->timestamps();

            $table->index(['team_id', 'stripe_status']); // I changed this from `user_id`
        });
    }

dab75109-e5e5-4f6f-9bce-04cc6d0276ab..env

CASHIER_MODEL=App\Models\Team
STRIPE_KEY=XXXXXXX
STRIPE_SECRET=XXXXXXX

edaa8fa6-413b-4638-86ea-c607d9c917bc.bash

php artisan vendor:publish --tag="cashier-migrations"