📢 Notificaciones y alertas en Laravel

📢 Notificaciones y alertas en Laravel

Aprende a enviar y mostrar notificaciones interactivas

Laravel facilita la creación de notificaciones que pueden enviarse por correo, base de datos o tiempo real. Aquí aprenderás cómo generar y mostrar alertas visuales e interactivas con ejemplos prácticos.

🔧 Crear una notificación

Laravel usa el comando make:notification para generar una nueva notificación:

php artisan make:notification NuevoComentario
  

Esto crea una clase en app/Notifications/. Ejemplo básico:

namespace App\Notifications;

use Illuminate\Bus\Queueable;
use Illuminate\Notifications\Notification;
use Illuminate\Notifications\Messages\MailMessage;

class NuevoComentario extends Notification
{
    use Queueable;

    public function via($notifiable)
    {
        return ['mail', 'database'];
    }

    public function toMail($notifiable)
    {
        return (new MailMessage)
                    ->subject('Nuevo comentario en tu publicación')
                    ->line('Alguien ha comentado tu publicación.')
                    ->action('Ver comentario', url('/comentarios'))
                    ->line('Gracias por usar nuestra aplicación!');
    }

    public function toArray($notifiable)
    {
        return [
            'mensaje' => 'Tienes un nuevo comentario en tu publicación',
            'url' => '/comentarios'
        ];
    }
}
  

⚙️ Enviar una notificación desde el controlador

use App\Models\User;
use App\Notifications\NuevoComentario;

public function comentar($id)
{
    $usuario = User::find(1); // Usuario receptor
    $usuario->notify(new NuevoComentario());

    return back()->with('success', 'Notificación enviada correctamente');
}
  

🧠 Mostrar notificaciones visuales (Ejemplo interactivo)

En este ejemplo puedes simular cómo se mostrarían las notificaciones y ver su contenido directamente.

🔔 Tus notificaciones

📨 Tienes un nuevo comentario en tu publicación 👤 Nuevo usuario registrado ⚠️ Alerta del sistema

Detalle de Notificación

📚 Ejemplo de código Blade para mostrar notificaciones reales

@foreach (auth()->user()->notifications as $notificacion)
  <div class="alert alert-info d-flex justify-content-between align-items-center">
    {{ $notificacion->data['mensaje'] }}
    <a href="{{ $notificacion->data['url'] }}" class="btn btn-sm btn-outline-primary">Ver</a>
  </div>
@endforeach
  

✅ Consejo: Puedes marcar notificaciones como leídas con $user->unreadNotifications->markAsRead() y mostrarlas en la interfaz para una mejor experiencia.

📋 En resumen:

• Laravel permite enviar notificaciones por correo, base de datos o broadcast.
• Puedes generar notificaciones con make:notification.
• Los datos se almacenan en la tabla notifications.
• Con JavaScript puedes mostrar notificaciones interactivas y simuladas como en este ejemplo.

🏠 Volver al Índice ➡️ Siguiente tema: 🧵 Jobs y Queues en Laravel