Laravel Shared Data: comparte información entre PHP y Javascript
2 min read

Laravel Shared Data: comparte información entre PHP y Javascript

Compartir información entre el backend (PHP) y el frontend (JavaScript) es algo habitual en cualquier proyecto y con este paquete podemos hacerlo de forma sencilla y elegante.
Laravel Shared Data: comparte información entre PHP y Javascript

Laravel Shared Data es un paquete de que ayudará a resolver el problema a la hora de pasar entre el backend y el frontend o, lo que es lo mismo, entre PHP y JavaScript de una forma sencilla y cómoda.

Instalación

La instalación es similar a la de cualquier paquete de Laravel con la única peculiaridad de que hay que incluir cierto código en las plantillas de blade.

Lo primero es instalar el paquete con composer:

composer require coderello/laravel-shared-data

Luego simplemente deberemos de incluir en nuestras plantillas, entre las etiquetas <head></head> la salida del paquete con @shared. Con esto será más que suficiente.

Uso básico del paquete

Luego simplemente deberemos de indicar, en PHP, que información queremos pasar al frontend usando indistintamente la facade o el helper disponible:

// Facade
SharedData::put([
    'location' => 'Madrid',
    'user' => [
    	'name' => 'Víctor',
        'surname' => 'Falcón',
    ],
]);

// Helper
share([
    'location' => 'Madrid',
    'user' => [
    	'name' => 'Víctor',
        'surname' => 'Falcón',
    ],
]);

Luego en JavaScript podemos acceder a esta información simplemente a través del objeto window:

location = window.sharedData.location;
name = window.sharedData.user.name;
surname = window.sharedData.user.surname;

Más información:

coderello/laravel-shared-data
📦 An easy way to share the data from your backend to the JavaScript. - coderello/laravel-shared-data
Laravel Shared Data Package
Share data from your backend in JavaScript with the Laravel Shared Data package by Coderello.