(+34) 673 566 782 - (+34) 960 653 052 formacion@imaginagroup.com

Aprende Symfony – Tutorial de Primeros Pasos

¿Qué es Symfony?

Symfony es uno de los frameworks más utilizados, versátiles y potentes del mercado. Sus componentes como el gestor de plantillas Twig, su ORM/DBAL Doctrine o su firme acogida a los estándares le han hecho un hueco entre las opciones de las grandes empresas.

Hablar de Symfony, es hacerlo de uno de los frameworks más completos que existen con el que podemos desarrollar nuestras aplicaciones web de una forma más optimizada, con mayor rendimiento debido a que cuenta con un sinfín de características que lo hacen más simple para los expertos desarrolladores.

Uno de los puntos fuertes de Symfony es que, organiza a la perfección todo el trabajo a realizar, por lo que disponemos de una estructura bien fijada, que al mismo tiempo podremos personalizar a nuestro gusto para darle a nuestra aplicación web el estilo que buscamos.

Un framework como este nos ayuda a no tener que empezar una y otra vez por el mismo punto cada vez que creemos una aplicación web, dispondremos de un esqueleto de la misma, para poder ir agregando aquellos complementos que más necesitemos.

Otro de los puntos a favor es la compatibilidad. Es muy versátil, ya que se puede adaptar a cualquier entorno o gestor de base de datos, ya sea en Windows como también en plataformas que trabajen con Linux.

Paso 1. Instalación de Composer

Composer es un gestor de dependencias que permite mantener las librerías de terceros que utilizamos en un proyecto. Con un pequeño archivo en JSON, se definen estas dependencias y las versiones a utilizar. A través de un comando, Composer descarga, actualiza o elimina todo el código fuente de cada una de estas dependencias y también hace la misma comprobación recursivamente para cada uno de los paquetes descargados.

Para descargar composer nos dirigimos a la página oficial y hacemos clic en el enlace Composer-Setup.exe.

Descargamos composer en la página oficial

 

Ahora, ejecutamos el instalador y lo instalamos como lo haríamos con cualquier programa.

Ejecutamos el instalador y de Composer

 

En caso de no utilizar ningún proxy, dejamos esto en blanco.

 

Por último hacemos clic en “Install”.

Hacemos clic en el botón "Install"

 

Y nos saldrá esta imagen, que indica que se ha instalado correctamente.

Imagen de la correcta instalación de Composer

 

Finalmente para verificar que todo ha ido bien, nos vamos a la terminal (cmd) y tecleamos el siguiente comando: composer -version.

Con lo que nos mostrará lo siguiente pantalla.

Verificamos en la terminal el funcionamiento de Composer

Paso 2. Instalación de PHP

Para la instalación de PHP en Windows es tan simple como descargar la distribución binaria desde la página oficial y la descomprimimos en el directorio donde vamos a trabajar.

Esta es la lista de los módulos y archivos ejecutables incluidos en la distribución del archivo zip de PHP:

  • go-pear.bat – El script de configuración de PEAR.
  • php-cgi.exe – El ejecutable CGI que se puede utilizar cuando se ejecuta PHP en IIS a través de CGI o FastCGI.
  • php-win.exe – El ejecutable para la ejecución de scripts en PHP sin necesidad de utilizar una ventana de línea de comandos de PHP.
  • php.exe – El ejecutable para la ejecución de scripts PHP dentro de una interfaz de línea de comandos (CLI) de PHP.
  • php5apache2_2.dll – Apache 2.2.X module.
  • php5apache2_2_filter.dll – Apache 2.2.X filter.

Después de que el contenido del paquete de PHP se haya extraído, debemos copiar el php.ini-production en php.ini dentro de la misma carpeta.

El fichero php.ini le dice a PHP cómo se configura, y cómo trabajar con el ambiente que se ejecuta.

Una vez instalado, podemos comprobar que todo ha ido correctamente mediante el comando.

php -v

Nos debe salir algo así en consola:

Resultado que nos aparece en consola después de ejecutar el comando

Paso 3. Creación del proyecto

Para crear nuestro primer proyecto en Symfony, podemos hacerlo con el siguiente comando:

composer create-project symfony/website-skeleton my-project

Esto creará un nuevo directorio “my-project”, descargará algunas dependencias e incluso generará los directorios y archivos básicos que necesitamos para comenzar.

Cuando finalice, tendremos algo como esto:

Resultado de ejecutar el comando "composer create-project"

 

Ahora para ejecutarlo debemos acceder a la carpeta donde hayamos creado el proyecto e instalar el servidor de  esta forma:

cd my-project
composer require server --dev

Nos saldrá algo como esto:

Resultado de acceder a la carpeta del proyecto

Por último cuando termine, solo nos queda ejecutar el servidor:

php bin/console server:run

Nos saldrá de esta forma:

Resultado de ejecutar el servidor

 

Una vez configurado todo, ya podemos acceder a la aplicación y visualizar nuestra primera página desde: http://localhost:8000/

Si todo ha ido bien, veremos esto:

Resultado de acceder al servidor

Paso 4. Ampliación del proyecto

Para ampliar un poco nuestra página, vamos a crear un controlador con una función que que imprimirá una vista con un navbar.

Un controlador es una función PHP que podemos crear y que se encarga de tomar información desde la petición HTTP y devolver una respuesta como un objeto se Symfony. La respuesta puede ser una página HTML, un documento XML, una imagen, una redirección, etc.

El controlador contiene toda la lógica arbitraria que la aplicación necesita para reproducir el contenido de la página.

En primer lugar creamos un archivo nuevoController.php dentro de my-project/src/Controller con el siguiente contenido:

<?php
namespace App\Controller;
use Symfony\Component\HttpFoundation\Response;
class nuevoController {
  public function inicio() {
      return new Response();
  }
}
?>

Para poder ver esta página en el navegador, necesitamos crear una ruta, la cual corresponda a un patrón de URL específico para el controlador. Para ello abrimos el archivo my-project/config/routes.yaml y lo modificamos de la siguiente forma:

index:
  path: /
  controller: App\Controller\nuevoController::inicio

Si abrimos ahora la página desde http://localhost:8000/ veremos que la página está en blanco ya que no le hemos añadido ningún contenido.

Así que volvemos al archivo nuevoController.php y le añadimos un sencillo navbar con los menús y el estilo que queramos:

<style>
.navbar {
  background-color: #333;
  overflow: hidden;
}

.navbar a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 30px 30px;
  text-decoration: none;
  font-size: 20px;
}

.navbar a:hover {
  background-color: #ddd;
  color: black;
}
</style>
<html>

<div class="navbar">
  <a href="#home">Home</a>
  <a href="#noticias">Noticias</a>
  <a href="#contacto">Contacto</a>
  <a href="#informacion">Información</a>
</div>

</html>

Si nos dirigimos ahora a http://localhost:8000/ podremos observar ya nuestra página:

Si nos dirigimos localhost:8000 podremos ver nuestra página

Si quieres aprender más recuerda que tiene estos cursos con nosotros…

Uso de cookies: Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies

ACEPTAR
Aviso de cookies