Pagos con Stripe en Laravel 13

ssh usuario@alumnoportada.com.es

sudo apt update
sudo apt install curl -y
sudo apt install php php-common php-gd php-mysql php-curl php-intl php-mbstring php-bcmath php-xml php-zip -y

server {
    listen 80;
    listen [::]:80;
    server_name example.com;
    root /srv/example.com/public;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-Content-Type-Options "nosniff";

    index index.php;

    charset utf-8;

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    error_page 404 /index.php;

    location ~ ^/index\.php(/|$) {
        fastcgi_pass unix:/var/run/php/php8.3-fpm.sock;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        include fastcgi_params;
        fastcgi_hide_header X-Powered-By;
    }

    location ~ /\.(?!well-known).* {
        deny all;
    }
}

sudo nano /etc/nginx/sites-available/laravelia

# /etc/nginx/sites-available/laravelia                  

server {
 # sustituir usuario por el nombre de usuario usado
 root /home/paco/notesAppIA/public;

 # Add index.php to the list if you are using PHP
 index index.php index.html;

 # sustituir alumno.me por el dominio usado
 server_name laravelia.alumnoportada.com.es;

 location / {
            try_files $uri $uri/ /index.php?$query_string;
            }

 # versión 8.5 de PHP
 location ~ .php$ {
                  include snippets/fastcgi-php.conf;
                  fastcgi_pass unix:/var/run/php/php8.5-fpm.sock;
    }


}

sudo ln -s /etc/nginx/sites-available/laravelia /etc/nginx/sites-enabled/

sudo nginx -t
sudo systemctl restart nginx
sudo systemctl status nginx

sudo certbot --nginx -d laravelia.alumnoportada.com.es

server {
    # Set root directive with your /public Laravel directory
    root /home/paco/notesAppIA/public;
    # Set index directive with index.php
    index index.php;
    # Set server_name directive with the hostname
    server_name laravelia.alumnoportada.com.es;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-Content-Type-Options "nosniff";
 
    index index.php;
 
    charset utf-8;
 
    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }
 
    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }
 
    error_page 404 /index.php;
 
    location ~ ^/index\.php(/|$) {
        fastcgi_pass unix:/var/run/php/php8.5-fpm.sock;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        include fastcgi_params;
        fastcgi_hide_header X-Powered-By;
    }
 
    location ~ /\.(?!well-known).* {
        deny all;
    }

    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/laravelia.alumnoportada.com.es/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/laravelia.alumnoportada.com.es/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}
server {
    if ($host = laravel.alumnoportada.com.es) {
        return 301 https://$host$request_uri;
    } # managed by Certbot

        listen 80;
        server_name laravel.alumnoportada.com.es;
    return 404; # managed by Certbot
}

sudo apt update
sudo apt install nodejs npm

sudo mysql

mysql -u usuario -p

CREATE DATABASE notesDBIA;
CREATE USER 'user_notesDBIA'@'localhost' IDENTIFIED BY 'Malaga2526';
GRANT ALL PRIVILEGES ON notesDBIA.* TO 'user_notesDBIA'@'localhost';
FLUSH PRIVILEGES;
exit

cd ~
# borrar la carpeta notesAppIA, si ya existe
rm -r notesAppIA

composer create-project laravel/laravel notesAppIA

cd notesAppIA

composer require laravel/jetstream

php artisan jetstream:install livewire

php artisan install:api

nano .env

# DB_CONNECTION=sqlite
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=notesDBIA
DB_USERNAME=user_notesDBIA
DB_PASSWORD=Malaga2526
DB_COLLATION=utf8mb4_unicode_ci

nano .env

MAIL_MAILER=smtp
MAIL_HOST=127.0.0.1
MAIL_PORT=25
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_FROM_ADDRESS="admin@alumnoportada.com.es"
MAIL_FROM_NAME="${APP_NAME}"

nano config/mail.php

 'mailers' => [
    'smtp' => [
    'transport' => 'smtp',
    'scheme' => env('MAIL_SCHEME'),
    'url' => env('MAIL_URL'),
    'host' => env('MAIL_HOST', '127.0.0.1'),
    'port' => env('MAIL_PORT', 25),
    'username' => env('MAIL_USERNAME'),
    'password' => env('MAIL_PASSWORD'),
    'timeout' => null,
    'local_domain' => env('MAIL_EHLO_DOMAIN', parse_url(env('APP_URL', 'http://localhost'), PHP_URL_HOST)),
    'verify_peer' => false,
],

composer require laravel/boost --dev

php artisan boost:install

curl -fsSL https://claude.ai/install.sh | bash

~/.local/bin/claude mcp add -s local -t stdio laravel-boost php artisan boost:mcp

Gemini cli install

instalar node y npm:

Cómo instalar Node.js y npm en Windows, macOS y Linux

sudo apt install nodejs npm

Instalar Gemini cli

npm install -g @google/gemini-cli

Usar gemini

gemini mcp add -s project -t stdio laravel-boost php artisan boost:mcp
 
gemini

Si falla la instalación, se puede usar la extensión de Gemini para Visual Studio Code:

9. Montar los archivos remotos para revisarlos

Ejecutar en el equipo local:

(mkdir servidor)
(sudo apt install sshfs)

sshfs usuario@alumnoportada.com.es:/home/usuario/notesAppIA/ servidor -p 22

Abrir la carpeta con el IDE Visual Studio Code

cd servidor

code .

o usar la extensión ssh-fs

10. Generar la app con Claude

(php artisan migrate)

cd ~/notesAppIA
sudo chown -R www-data:www-data storage
sudo chown -R www-data:www-data bootstrap/cache

sudo chmod 777 bootstrap/cache
sudo chmod 777 storage/logs/laravel.log

npm install
npm run build

cd ~/notesAppIA
gemini

/model

when i make login, i get the error:
[Whoops! Something went wrong.hese credentials do not match our records.],
can you fix it?

cd ~/notesAppIA
echo "# Notes App with Laravel and IA" >> README.md
git init
git branch -M main
git remote add origin https://TOKEN@github.com/paco-portada/notesAppLaravelIA.git

git add .
git commit -m "first commit"
git push -u origin main

git checkout -b "feature/pagos"

cd ~/notesAppIA
composer require stripe/stripe-php

API Keys
Next, you should configure your Stripe API keys in your application’s .env file. You can retrieve your Stripe API keys from the Stripe control panel:

STRIPE_KEY=your-stripe-key
STRIPE_SECRET=your-stripe-secret
STRIPE_CURRENCY=EU

nano .env

Añadir al fichero .env las claves

STRIPE_KEY=pk_test_51TWBt9Q5 . . .
STRIPE_SECRET=sk_test_51TWBt9Q5 . . .
STRIPE_CURRENCY=EU

situarse en la nueva rama

git switch feature/pagos

iniciar Claude

~/.local/bin/claude

/login

Prompt

in the Laravel app add a button (with edit and delete) in the task for payment using stripe

Migration — paid_at (timestamp) and stripe_payment_id (string) columns on tasks.

Fichero app/models/Task.php

<?php

namespace App\Models;

use Database\Factories\TaskFactory;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Orchid\Filters\Filterable;
use Orchid\Filters\Types\Like;
use Orchid\Filters\Types\Where;
use Orchid\Filters\Types\WhereDateStartEnd;
use Orchid\Screen\AsSource;

class Task extends Model
{
    /** @use HasFactory<TaskFactory> */
    use AsSource, Filterable, HasFactory;

    protected $fillable = [
        'user_id',
        'title',
        'description',
        'limit',
        'link',
        'price',
        'paid_at',
        'stripe_payment_id',
    ];

    /**
     * The attributes for which you can use filters in url.
     *
     * @var array
     */
    protected $allowedFilters = [
        'id' => Where::class,
        'title' => Like::class,
        'user_id' => Where::class,
        'price' => Where::class,
        'limit' => WhereDateStartEnd::class,
        'paid_at' => WhereDateStartEnd::class,
    ];

    /**
     * The attributes for which can use sort in url.
     *
     * @var array
     */
    protected $allowedSorts = [
        'id',
        'title',
        'price',
        'limit',
        'paid_at',
        'updated_at',
        'created_at',
    ];

    protected function casts(): array
    {
        return [
            'limit' => 'date',
            'price' => 'float',
            'paid_at' => 'datetime',
        ];
    }

    public function isPaid(): bool
    {
        return $this->paid_at !== null;
    }

    public function user(): BelongsTo
    {
        return $this->belongsTo(User::class);
    }
}

Fichero database/migrations/create_tasks_table.php

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('tasks', function (Blueprint $table) {
            $table->id();
            $table->foreignId('user_id')->constrained()->cascadeOnDelete();
            $table->char('title', 255);
            $table->text('description')->nullable();
            $table->date('limit')->nullable();
            $table->string('link')->nullable();
            $table->float('price')->nullable();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('tasks');
    }
};

Fichero add_paid_at_to_tasks_table.php

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('tasks', function (Blueprint $table) {
            $table->timestamp('paid_at')->nullable()->after('price');
            $table->string('stripe_payment_id')->nullable()->after('paid_at');
        });
    }

    public function down(): void
    {
        Schema::table('tasks', function (Blueprint $table) {
            $table->dropColumn(['paid_at', 'stripe_payment_id']);
        });
    }
};

ejecutar la migración

php artisan migrate

añadir el botón de pago en la vista

Task list view — each task with a price now shows a green «Pay $X.XX» button (POST form → Stripe Checkout) or a «✓ Paid» badge once paid. A success flash banner appears on return.

Fichero resources/views/livewire/tasks/task-list.blade.php

<!-- Actions -->
<div class="flex justify-between items-center pt-2">
    <div>
        @if ($editingTaskId && $price && ! \App\Models\Task::find($editingTaskId)?->isPaid())
            <a href="{{ route('tasks.checkout', $editingTaskId) }}"
                onclick="event.preventDefault(); document.getElementById('modal-payment-form').submit();"
                class="px-4 py-2 text-sm font-medium text-white bg-green-600 rounded-lg hover:bg-green-700 transition">
                Pay ${{ number_format((float)$price, 2) }}
            </a>
        @endif
    </div>
    <div class="flex gap-3">
        <button type="button" wire:click="closeModal"
            class="px-4 py-2 text-sm font-medium text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition">
            Cancel
        </button>
        <button type="submit"
            class="px-4 py-2 text-sm font-medium text-white bg-indigo-600 rounded-lg hover:bg-indigo-700 transition">
            <span wire:loading.remove wire:target="save">
                {{ $editingTaskId ? 'Update Task' : 'Create Task' }}
            </span>
            <span wire:loading wire:target="save">Saving…</span>
        </button>
    </div>
</div>

app/Services/StripeService.php — wraps the Stripe SDK;
createCheckoutSession(), builds a Checkout Session,
retrieveSession() fetches it for the success callback.

Fichero app/Services/StripeService.php

<?php

namespace App\Services;

use App\Models\Task;
use Stripe\Checkout\Session;
use Stripe\Stripe;

class StripeService
{
    public function __construct()
    {
        Stripe::setApiKey(config('services.stripe.secret'));
    }

    public function createCheckoutSession(Task $task, string $successUrl, string $cancelUrl): object
    {
        return Session::create([
            'payment_method_types' => ['card'],
            'line_items' => [[
                'price_data' => [
                    'currency' => config('services.stripe.currency', 'eur'),
                    'product_data' => ['name' => $task->title],
                    'unit_amount' => (int) round($task->price * 100),
                ],
                'quantity' => 1,
            ]],
            'mode' => 'payment',
            'success_url' => $successUrl,
            'cancel_url' => $cancelUrl,
        ]);
    }

    public function retrieveSession(string $sessionId): object
    {
        return Session::retrieve($sessionId);
    }
}

app/Http/Controllers/PaymentController.php — two actions:
– checkout — authorizes the user, creates a Stripe session, redirects there
– success — verifies payment_status === ‘paid’, stamps paid_at + stripe_payment_id

Fichero app/Http/Controllers/PaymentController.php

<?php

namespace App\Http\Controllers;

use App\Models\Task;
use App\Services\StripeService;
use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
use Illuminate\Http\RedirectResponse;
use Illuminate\Http\Request;

class PaymentController extends Controller
{
    use AuthorizesRequests;

    public function checkout(Task $task, StripeService $stripe): RedirectResponse
    {
        $this->authorize('update', $task);

        abort_if($task->price === null, 400, 'This task has no price set.');
        abort_if($task->isPaid(), 400, 'This task has already been paid.');

        $session = $stripe->createCheckoutSession(
            $task,
            route('tasks.payment.success', $task).'?session_id={CHECKOUT_SESSION_ID}',
            route('tasks'),
        );

        return redirect()->away($session->url);
    }

    public function success(Task $task, Request $request, StripeService $stripe): RedirectResponse
    {
        $this->authorize('update', $task);

        $sessionId = $request->query('session_id');

        if ($sessionId) {
            $session = $stripe->retrieveSession($sessionId);

            if ($session->payment_status === 'paid') {
                $task->update([
                    'paid_at' => now(),
                    'stripe_payment_id' => $session->id,
                ]);
            }
        }

        return redirect()->route('tasks')->with('payment_success', $task->title);
    }
}

routes/web.php — two new auth-protected routes:

Si hay errores, corregirlos con Gemini:

gemini

Prompt

I get the error

[    ],

Can you fix it?