Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. PHP
Code

Desarrolla tu primer paquete de administración para Laravel

by
Difficulty:IntermediateLength:LongLanguages:

Spanish (Español) translation by Steven (you can also view the original English article)

Es difícil negar el hecho de que la comunidad de PHP está entusiasmada con Laravel 4. Entre otras cosas, el framework aprovecha el poder de Composer, lo que significa que puedes utilizar cualquier paquete o script de Packagist.

Mientras tanto, Laravel ofrece "Paquetes", que nos permiten modular el código para usarlo en futuros proyectos. El directorio de paquetes está lleno de excelentes scripts y paquetes que puedes utilizar en tus aplicaciones. En esta lección, te mostraré cómo construir uno desde cero.


Espera, ¿qué es un paquete?

Los paquetes ofrecen una manera fácil de agrupar código relacionado. Si estás familiarizado con CodeIgniter, los paquetes son muy similares a "Sparks". Esto es evidente cuando echas un vistazo a la estructura de carpetas.

Folder Structure

Crear un paquete es bastante simple. Para ilustrar el proceso, crearemos un panel de control del panel de administración que podremos utilizar en futuros proyectos. En primer lugar, debemos crear un directorio 'admin' dentro de nuestra carpeta 'bundles'. Intenta replicar la estructura de carpetas de la imagen de arriba.

Antes de comenzar a agregar algo a nuestro paquete, primero debemos registrarlo con Laravel. Esto se hace en el archivo bundles.php de tu aplicación. Una vez que abras este archivo, deberías ver una matriz que se devuelve; simplemente necesitamos agregar nuestro paquete y definir un identificador. Esto se convertirá en el URI en el que accedemos a nuestro panel de administración.

Aquí, he llamado "admin" al mío, pero siéntete libre de llamar al tuyo como desees.

Una vez que tengamos esa configuración, necesitamos crear un archivo start.php. Aquí, vamos a configurar algunas cosas, como nuestros espacios de nombres. Si esto no te molesta, entonces realmente no necesitas un archivo de inicio para que tu paquete funcione, como se esperaba.

La clase autoloader de Laravel nos permite hacer un par de cosas: mapear nuestro controlador base y los espacios de nombres de carga automática.

El espacio de nombres asegurará que no estemos en conflicto con otros modelos o bibliotecas que ya están incluidas en nuestra aplicación. Notarás que no hemos optado por no poner espacios de nombres a nuestros controladores para facilitar las cosas.


Publicando Recursos

Para el panel de administración, aprovecharemos el Bootstrap, así que ve a buscar una copia. Podemos colocar esto en una carpeta public dentro de nuestro paquete para poder publicarlo en nuestra aplicación más adelante.

Cuando estés listo para publicarlos, simplemente ejecuta el siguiente comando a través de artisan.

Esto copiará la estructura de la carpeta y los archivos al directorio de paquetes en nuestra carpeta public, dentro de la raíz de la instalación de Laravel. Entonces podemos usar esto en el controlador base de nuestro paquete.


Configuración del controlador base

Siempre es una buena idea configurar un controlador base y extenderlo desde allí. Aquí, podemos configurar controladores tranquilos, definir el diseño e incluir cualquier recurso. Solo necesitamos llamar a este archivo, base.php, y colocarlo en el directorio de nuestro controlador.

En primer lugar, vamos a poner un poco de limpieza fuera del camino. Por supuesto, queremos utilizar los controladores restful de Laravel.

Y especificaremos un diseño que crearemos en breve. Si no estás acostumbrado a controlar diseños, entonces te espera una sorpresa.

El nombre del paquete, seguido de dos puntos, es un paradigma en Laravel que veremos más en el futuro, así que mantente atento.

Cuando manejamos recursos dentro de nuestro paquete, podemos hacer las cosas como te esperas y especificar la ruta desde la raíz de la carpeta pública. Afortunadamente, Laravel está ahí para hacer nuestras vidas más fáciles. En nuestro constructor, necesitamos especificar el paquete, antes de agregarlo a nuestros contenedores de recursos.

Si no estás familiarizado con los contenedores de recursos, no te preocupes; son simplemente secciones de una página donde deseas alojar tus recursos. Aquí, incluiremos hojas de estilo en el encabezado y scripts en el pie de página.

Ahora, con eso fuera del camino, podemos incluir nuestros estilos de arranque y scripts fácilmente. Nuestro controlador base completo debe ser similar a:

También hemos traído la solicitud general del controlador base de la aplicación para devolver una respuesta 404, en caso de que no se encuentre una página.

Antes de hacer algo más, hagamos el archivo para ese diseño, views/layout/main.blade.php, para que no encontremos ningún error más adelante.


Asegurando el paquete

Mientras estamos construyendo un panel de administración, vamos a querer mantener a la gente fuera. Afortunadamente, podemos usar la clase Auth integrada de Laravel para lograr esto con facilidad...

Primero, necesitamos crear nuestra tabla; usaré 'admins' como nombre de mi tabla, pero puedes cambiarlo si lo deseas. Artisan generará una migración y la incluirá en el directorio de migraciones de nuestro paquete. Simplemente ejecuta lo siguiente en la línea de comandos.

Desarrollando el esquema

Si no estás familiarizado con el generador de esquemas, te recomiendo que eches un vistazo a la documentación. Vamos a incluir algunas columnas:

  • id - Esto se incrementará automáticamente y se convertirá en nuestra clave principal
  • name
  • username
  • password
  • email
  • role - no aprovecharemos esto hoy, pero te permitirá ampliar el paquete más adelante

También incluiremos las marcas de tiempo predeterminadas para seguir las mejores prácticas.

Ahora que tenemos nuestra estructura de base de datos en su lugar, necesitamos crear un modelo asociado para la tabla. Este proceso es esencialmente idéntico a cómo podríamos lograr esto en nuestra aplicación principal. Creamos el archivo y el modelo, basados en la forma singular de nuestro nombre de tabla, pero necesitamos asegurarnos de que los espacios de nombres sean correctos.

Anteriormente, nos hemos asegurado de que estemos usando el espacio de nombres que definimos en start.php. Además, para que podamos hacer referencia a Eloquent correctamente, creamos un alias.

Extendiendo Auth

Para mantener nuestro paquete totalmente autónomo, necesitaremos extender la autenticación. Esto nos permitirá definir una tabla para iniciar sesión en nuestro panel de administración y no interferir con la aplicación principal.

Antes de crear nuestro controlador personalizado, crearemos un archivo de configuración, donde puedes elegir si deseas usar el nombre de usuario o la columna de correo electrónico de la tabla de la base de datos.

Si deseas modificar las columnas que usaremos, simplemente ajusta los valores aquí.

A continuación necesitamos crear el controlador. Llamémoslo "AdminAuth" e incluyámoslo en nuestra carpeta de bibliotecas. Ya que estamos extendiendo Auth, solo necesitamos sobrescribir un par de métodos para que todo funcione, como pretendíamos.

Ahora que hemos creado el controlador, debemos avisarle a Laravel. Podemos usar el método extend de Auth para hacer esto en nuestro archivo start.php.

Una última cosa que debemos hacer es configurar Auth para usar esto en tiempo de ejecución. Podemos hacer esto en el constructor de nuestro controlador base con lo siguiente.


Rutas y Controladores

Antes de que podamos enrutar a cualquier cosa, necesitamos crear un controlador. Vamos a crear nuestro controlador para el 'Dashboard', que es lo que veremos después de iniciar sesión.

Como queremos que se muestre en la raíz de nuestro paquete (es decir, el identificador que definimos anteriormente), deberemos llamar a este home.php. Laravel usa la palabra clave 'home' para establecer lo que deseas mostrar en la raíz de tu aplicación o paquete.

Amplía tu controlador base y crea una vista index. Por ahora, simplemente devuelve 'Hello World' para que podamos asegurarnos de que todo funcione bien.

Ahora que nuestro controlador está configurado, podemos dirigirlo a él. Crea un route.php dentro de tu paquete, si aún no lo has hecho. Similar a nuestra aplicación principal, cada paquete puede tener su propio archivo de rutas que funciona de manera idéntica.

Aquí, he registrado el controlador homeController, que Laravel asignará automáticamente a /. Más tarde, agregaremos nuestro controlador de inicio de sesión a la matriz.

Si te diriges a /admin (o lo que sea que haya definido anteriormente) en tu navegador, deberías ver 'Hola Mundo'.


Creación del formulario para iniciar sesión

Sin embargo, vamos a crear el controlador de inicio de sesión, en lugar de extender el controlador base, en lugar de eso, extenderemos el controlador principal de Laravel. La razón detrás de esta decisión se hará evidente en breve.

Debido a que no estamos extendiendo, debemos configurar un par de cosas antes de comenzar, a saber, diseños restful, el controlador de autenticación correcto y nuestros recursos.

También creamos nuestra vista. Vamos a utilizar Blade, el motor de plantillas de Laravel, para acelerar un poco las cosas. Dentro de tu directorio de vistas de paquetes, crea un directorio "login" y un archivo "index.blade.php" dentro de él.

Pondremos una estructura de página HTML estándar y retornaremos los recursos.

Ahora, asegurémonos de que la vista se está creando en el controlador. Como estamos usando controladores restful, podemos aprovechar el verbo "get" en nuestro método.

¡Increíble! Ahora estamos listos para comenzar a crear nuestro formulario, que podemos crear con la clase Form.

Login Form

Anteriormente, creamos un formulario que se publicará en sí mismo (exactamente lo que queremos), junto con varios elementos de formulario y etiquetas para acompañarlo. El siguiente paso es procesar el formulario.

A medida que publicamos el formulario y utilizamos controladores tranquilos, solo tenemos que crear el método post_index y usarlo para procesar nuestro inicio de sesión. Si nunca has usado Auth, ve y echa un vistazo a la documentación antes de continuar.

Si las credenciales son correctas, el usuario será redirigido al panel de control. De lo contrario, será redirigido nuevamente con un error que podemos verificar en la vista de inicio de sesión. Como solo se trata de datos de sesión y no de errores de validación, solo necesitamos implementar una comprobación simple.

También necesitaremos cerrar la sesión de los usuarios; así que vamos a crear un método get_logout, y agregar lo siguiente. Esto cerrará la sesión de los usuarios y luego los redirigirá cuando visiten /admin/login/logout.

Lo último que debemos hacer es agregar el controlador de inicio de sesión a nuestro archivo de rutas.

Filtrando rutas

Para evitar que las personas omitan nuestra pantalla de inicio de sesión, necesitamos filtrar nuestras rutas para determinar si son usuarios autorizados. Podemos crear el filtro en el archivo routes.php, y adjuntarlo a nuestro controlador base, para filtrarlo antes de que se muestre la ruta.

En este punto, todo lo que queda por hacer es llamar a esto en el constructor de nuestro controlador base. Si extendiéramos nuestro controlador de inicio de sesión desde nuestra base, tendríamos un bucle infinito que eventualmente se agotaría.


Configurando las vistas

Anteriormente, creamos nuestro diseño main.blade.php; Ahora, vamos a hacer algo con eso. Vamos a obtener una página HTML y nuestros recursos (archivos de assets) están siendo introducidos.

Notarás que también he repetido un par de variables: $title y $content. Podremos usar métodos mágicos de nuestro controlador para pasar los datos a estos. También he incluido $content dentro del div con la clase 'container' para el cual Bootstrap proporcionará el estilo.

A continuación, vamos a crear la vista para nuestro panel de control. Como anidaremos esto, solo tenemos que colocar el contenido que queremos poner en nuestro contenedor.

Guarda esto como index.blade.php dentro del directorio views/dashboard dentro de tu paquete.

Ahora debemos configurar nuestro controlador para aprovechar el diseño y ver los archivos que acabamos de crear. Dentro del método get_index que creamos anteriormente, agrega lo siguiente.

El título es un método mágico que luego podemos repetir como una variable en nuestro diseño. Al usar Nest, podemos incluir una vista dentro del diseño directamente desde nuestro controlador.


Creando una tarea

Para acelerar las cosas, Laravel nos proporciona una forma fácil de ejecutar código desde la línea de comandos. Estos se llaman "Tareas"; es una buena idea crear una para agregar un nuevo usuario a la base de datos fácilmente.

Simplemente debemos asegurarnos de que el archivo tome el nombre de nuestra tarea y colocarlo en el directorio 'tasks' de nuestro paquete. Voy a llamar a este setup.php, ya que lo usaremos justo después de instalar el paquete.

Laravel pasará por una serie de argumentos; podemos contarlos para asegurarnos de que obtenemos exactamente lo que queremos. Si no, retornaremos un error. También notarás que estamos usando la clase Command para ejecutar bundle:publish. Esto te permitirá ejecutar cualquier tarea de línea de comandos integrada en Laravel dentro de tu aplicación o paquete.

Lo principal que hace esta tarea es agarrar los argumentos que se le transmiten, codificar la contraseña e insertar un nuevo administrador en la tabla Admins. Para ejecutar esto, necesitamos usar lo siguiente en la línea de comandos.


¿Ahora que?

En este tutorial, creamos un panel de administración que es bastante fácil de ampliar. Por ejemplo, la columna roles que creamos podría permitirte limitar lo que tus clientes pueden ver.

Un paquete puede ser cualquier cosa, desde un panel de administración, como el que construimos hoy, hasta los analizadores Markdown, o incluso todo Zend Framework (no estoy bromeando). Todo lo que cubrimos aquí te pondrá en camino a escribir asombrosos paquetes de Laravel, que pueden publicarse en el directorio de paquetes de Laravel.

Obtén más información sobre la creación de paquetes de Laravel aquí en Tuts+.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.