Cómo desplegar una aplicación Symfony 4 en tu servidor

En otros artículos hemos hablado de los motivos por los que utilizar Symfony como nuestra herramienta de desarrollo, buenas prácticas o cómo crear nuestro primer proyecto con Symfony 4.

Una vez nos hemos decidido a desarrollar nuestra aplicación con Symfony y la tenemos lista para desplegar en producción debemos tener en cuenta una serie de cosas tanto cuando se trata de un primer despliegue como cuando se trata de una actualización.

¿Qué opciones tenemos para desplegar los cambios en una aplicación?

Actualmente hay 2 alternativas principales, por un lado podemos ver la aplicación como un conjunto de ficheros de código, configuración, base de datos, dependencias y demás artefactos. En ese caso necesitaremos tener una estrategia clara para que los nuevos cambios en el conjunto de nuestra aplicación que se suele describir mediante build scripts.

docker

Otra aproximación que se está extendiendo rápidamente son las aplicaciones empaquetadas en contenedores.

Actualmente es docker la herramienta que se ha posicionado como estándar de facto y que nos permite, en lugar de utilizar scripts que manejan los cambios en la aplicación, empaquetar la aplicación en una imagen que contiene todas las dependencias y aísla la ejecución de otras aplicaciones que se estén ejecutando en el servidor.

La ventaja es que para cada versión de nuestro software podemos construir la imagen necesaria en nuestro servidor de CI/CD y publicarla en el registro correspondiente para que la actualización sea tan sencilla como levantar otro contenedor que sirva la aplicación en base a la imagen nueva y detener la ejecución del contenedor con la versión antigua.

Normalmente durante el desarrollo se debe tener en cuenta si el objetivo será usar docker ya que puede condicionar algunas decisiones que tomemos para facilitar después el uso de contenedores. Por ejemplo cuando usamos contenedores las aplicaciones deben ser stateless (no deben mantener estado, es decir, debe poder destruirse el contenedor de un nodo del clúster y levantarse otro usando la misma imagen sin que el servicio se vea afectado).

¿Qué vamos tratar nosotros en este artículo?

Vamos a seguir la aproximación clásica, tenemos un servidor en el que reside la aplicación, con un estado actual y queremos poder desplegar nuestras nuevas versiones de la manera más sencilla y automatizada posible.

Para ello, como ya hemos anticipado, no vamos a entrar en las posibilidades del mundo de los contenedores porque se trata de un tema algo más avanzando, tampoco en los zero downtime deployments en los que el servicio no se interrumpe.

Lo que sí pretendemos es sentar las bases de qué cambios son los más comunes que sufre una aplicación cuando está en desarrollo o mantenimiento y necesita ser actualizada para que a partir de ahí cada equipo profundice en las técnicas avanzadas relacionadas con sus necesidades.

¿Qué piezas componen una aplicación cuando afrontamos su despliegue?

Código de la aplicación

Es el código que nosotros escribimos y por tanto del que nos responsabilizamos, en nuestro caso se trata fundamentalmente del contenido de las carpetas assets, config, src y templates.

Cuando queremos desplegar una nueva funcionalidad por lo general tendremos nuevo código o modificaciones en el código de nuestra aplicación y transmitir estos cambios desde nuestro entorno de trabajo al servidor de producción puede ser tan sencillo como subir mediante FTP los ficheros correspondientes. Esto es un proceso manual y como todo proceso manual es propenso a errores, es por ello que si ponemos en una balanza simplicidad, comodidad y calidad del proceso (que sea repetible, fiable, la posibilidad de rollback) una opción sólida que equilibra las cualidades que queremos maximizar es el uso de git.

Ya deberíamos estar utilizando git como pieza central en nuestro flujo de desarrollo y como sistema de control de versiones distribuido nos va a permitir tener otro repositorio en producción que utilizaremos únicamente para desplegar cambios.

Esto puede hacerse de manera más o menos automatizada según queramos complicar el proceso. Si usamos un servicio de CI/CD podemos automatizar el envío a nuestro servidor de producción de los cambios, pero si no queremos dar el paso podemos trabajar con 2 remotes en nuestro proyecto, uno para nuestro repositorio central (github, gitlab, etc) y otro para el servidor de producción..

Para cambiar la versión del código de producción lo único que tendremos que hacer es pushear los nuevos commits al remote que tengamos configurado.

Configuración

Los parámetros que configuramos en una aplicación Symfony deberían encontrarse en los ficheros .env*, es cierto que al desplegar los cambios en el código habremos actualizado nuestro fichero .env pero tendremos que realizar manualmente cualquier cambio en .env.local.

A pesar de ser un paso manual en entornos en los que queremos tener un flujo sencillo no debería ser un problema ya que es una de las zonas de la aplicación que menos cambia. Además por la propia naturaleza de la información almacenada muchas veces no podemos incluirla en nuestros repositorios por lo que las opciones disponibles no son muchas, prácticamente nos quedan los gestores de secretos como vault o la configuración manual.

Si a esto le sumamos un esfuerzo por nuestra parte en tener valores por defecto sensatos nos encontraremos muchas veces sin la necesidad de sobrescribir el valor por defecto de .env y por tanto no tendremos que realizar ninguna acción manual. En otras ocasiones tendremos que configurar los valores de manera obligatoria, por ejemplo cuando tenemos que añadir un token de autenticación de un sistema de terceros.

Bases de datos

En una aplicación basada en Symfony es muy común que cuando estemos trabajando en nuevas funcionalidades nos encontremos trabajando con nuevas entidades o cambios en las ya existentes. Para ese caso de uso hay una opción muy potente, se trata del paquete doctrine/doctrine-migrations-bundle.

Una vez empecemos a utilizar migraciones nuestro flujo de trabajo durante el desarrollo contará con un paso más, cada vez que modificamos la persistencia de las entidades generaremos una migración. Esto se traducirá en un nuevo fichero php con la habilidad de ejecutar el SQL necesario para hacer el cambio en la entidad y el SQL necesario para deshacer el cambio.

Por tanto tendremos en nuestro sistema de control de versiones un sistema de control de versiones de la estructura de la base de datos. Podemos dejar que sea el paquete quien se encargue de generar el SQL necesario pero también podemos modificarlo para reflejar otro tipo de cambios o generar migraciones vacías en las que seremos nosotros quien defina el cuerpo de los métodos up y down.

Cuando esas nuevas migraciones se encuentren en el servidor de producción tendremos que ejecutarlas para que realice los cambios necesarios a en la base de datos.

piezas-aplicacion

Dependencias

Si estamos usando Symfony y Webpack Encore contaremos con 2 gestores de paquetes, por un lado Composer para las dependencias php y por otro Yarn para las correspondientes al front.

Cada vez que realicemos cambios en los ficheros que describen las dependencias que maneja Composer tendremos que ejecutar en nuestro servidor composer install –no-dev –optimize-autoloader para que la herramienta descargue las versiones correctas de nuestras dependencias y las instale teniendo en cuenta las optimizaciones que se pueden llevar a cabo en producción.

De igual manera, cada vez que realicemos cambios en los ficheros correspondientes a Yarn tendremos que ejecutar yarn install en nuestro servidor.

Artefactos

En el caso que planteamos, y siguiendo la misma filosofía que con las dependencias, si hay cualquier cambio en nuestros assets éste debería reflejarse en los artefactos construidos con Webpack.

Para ello tenemos 2 opciones, construir esos artefactos en otra máquina y enviarlos al servidor de producción o construirlos en el propio servidor de producción. La decisión aquí implica cambios en cómo instalamos nuestras dependencias con Yarn en el servidor de producción, si queremos utilizar Webpack en el servidor de manera que lancemos yarn encore production en producción para generar nuestros artefactos no podremos utilizar el flag –production con valor true, de lo contrario no tendremos instalados los paquetes necesarios

Caché

Por último cuando tenemos una aplicación Symfony configurada para ejecutarse en modo producción tanto el framework como algunos paquetes almacenan información en caché, cuando hacemos cambios es posible que tengamos que purgar la caché de Symfony para que realmente se ejecute nuestro nuevo código.

Desde cambios en las entidades a los cambios en las plantillas que se almacenan en caché precompiladas pasando por las traducciones forman parte de la lista de elementos que hacen uso intensivo de la caché del proyecto. Para esto solo tendremos que ejecutar php bin/console cache:clear en el entorno de producción, la caché quedará purgada y a partir de ese momento empezará a cachearse información en base a nuestro nuevo código.

Conclusión

Como hemos visto el proceso de manera global puede ser todo lo sencillo o todo lo complejo que queramos optando por diferentes técnicas y herramientas. Además cada paso del proceso de manera individual puede a su vez automatizarse en mayor o menor medida dependiendo del tipo de herramientas que usemos.

Con el planteamiento que realizamos debería ser suficiente escribir un script para que todas las partes automatizables se realicen de manera autónoma, a partir de ahí podemos saltar hacia el uso de herramientas especializadas como deployer, a servidores de CI/CD que orquesten el proceso y a flujos de trabajo basados en contenedores que es la dirección que está tomando la industria.

Dependiendo del tamaño de nuestros proyectos y de la cantidad de recursos que tengan asignados tendremos que tomar las decisiones que consideremos, nuestro consejo es que analicéis siempre en qué estado se encuentra vuestro proyecto en cuanto a proceso y defináis cuales son los puntos críticos para automatizarlos e ir avanzando.

Crea tu primer proyecto con Symfony 4, Webpack Encore y Bootstrap Sass

Cuando nos enfrentamos al inicio de un proyecto a medida siempre tenemos que tomar la difícil decisión de qué herramientas utilizar para ponernos manos a la obra con el desarrollarlo. Desde acceseo afrontamos muchos tipos de proyectos desarrollados a medida y una de nuestras herramientas preferidas para tener una base que nos permita acortar los plazos de entrega es Symfony, que con su reciente versión 4 y la llegada de Symfony Flex posibilita más si cabe que se adapte a proyectos de cualquier tamaño, desde integraciones de ERPs o creación de pequeñas APIs hasta aplicaciones web completas. Si quieres convencerte de usar Symfony, te recomendamos que leas nuestro anterior post «Por qué desarrollar tu proyecto con Symfony«.

Una vez decidimos el framework sobre el que vamos desarrollar la aplicación necesitamos saber qué herramientas vamos a utilizar en el frontend y sin duda alguna uno de los pilares fundamentales en este área para cualquier proyecto que no cuente con un diseño elaborado (una pequeña intranet por ejemplo) es Bootstrap, desde su llegada de la mano de los ingenieros de Twitter redujo la complejidad de la tarea de maquetación de interfaces sencillas y agradables al mínimo.

¿Y para qué necesitamos Webpack entonces? Webpack + Webpack Encore será la herramienta que nos ayudará a procesar y simplificar el flujo de trabajo con nuestros recursos estáticos (en este ejemplo css/js).

Por tanto el ejemplo que vamos a desgranar a continuación utiliza Symfony4 para el backend, Bootstrap para el frontend y Webpack para la gestión de estáticos.

Prerequisitos

Una vez tengamos todo esto instalado en nuestra máquina podemos empezar.

Creación de una aplicación con Symfony 4

Una de las formas aconsejadas por Sensio Labs para crear una aplicación web Symfony 4 con necesidades estándar es utilizar el skeleton que ponen a nuestra disposición, para ello solo tenemos que crear un proyecto con Composer basado en la plantilla website-skeleton, en este ejemplo llamaremos webpack-sf4 al proyecto.

Una vez ejecutado este comando tendremos un proyecto nuevo en la carpeta webpack-sf4. No vamos a necesitar un servidor HTTP ya que durante el proceso de desarrollo podemos utilizar el servidor que incorpora PHP para servir la aplicación, además para simplificar la tarea existe un bundle específico de Symfony que podremos instalar de la siguiente forma.

Llegados a este punto ya podemos ejecutar nuestra aplicación lanzando el siguiente comando desde dentro de la carpeta webpack-sf4 y accediendo a la url localhost:8000

Lo único que veremos en nuestro navegador es un error, que nos indicará que la aplicación está funcionando pero no ha podido servir la petición que hemos hecho, esto es porque no hay lógica definida para ninguna ruta en la aplicación, para ello vamos a crear un controlador muy simple que sirva una plantilla muy sencilla también.

Crearemos el fichero src/Controller/DefaultController.php con el siguiente contenido.

Y el fichero templates/default/index.html.twig con el siguiente contenido.

Si recargamos la página ya podemos ver nuestro mensaje en pantalla sin estilo ni interacción.

Instalación Webpack Encore

Para integrar Bootstrap en nuestro proyecto vamos a hacer uso de Webpack Encore que tendremos que instalar y configurar.
Vamos a instalar el paquete a través de Yarn con el siguiente comando.

Ahora todo lo que necesitamos es configurar correctamente la integración con Webpack y cuando lo tengamos todo funcionando instalaremos nuestras dependencias, en este caso Bootstrap Saas. Para ello vamos a crear el fichero SASS que albergará nuestro CSS y el fichero JS que nos servirá de punto de entrada a la aplicación.

Crearemos el assets/css/app.scss con el siguiente contenido.

Y el fichero assets/js/app.js con el siguiente contenido.

Ahora debemos configurar el proceso de build en Webpack y modificar la plantilla base para que el sistema reconozca la salida del proceso de build de los ficheros estáticos.

Para lo primero debemos añadir las dependencias que vamos a necesitar al utilizar SASS con el siguiente comando.

Ahora configuraremos el fichero webpack.config.js con las siguientes directivas.

Y añadiremos al fichero templates/base.html.twig los enlaces a nuestros ficheros.

Ahora sí podemos acceder de nuevo a localhost:8000 esperando ver nuestros flamantes colores corporativos en el mensaje que hemos escrito, pero nos encontraremos con dos errores 404 correspondientes a los ficheros app.css y app.js que acabamos de incluir en nuestra plantilla base.

Para corregir los errores debemos lanzar el siguiente comando que hará que se generen los ficheros a partir de los que hemos creado en la carpeta assets.

Nota: Si lanzamos yarn run encore dev –watch el sistema estará pendiente de los cambios que hagamos en los ficheros e irá regenerando los ficheros que enlazamos en nuestra plantilla para tener los cambios disponibles.

Ahora sí, podemos observar los cambios pero algo falla, nos falta Bootstrap para que todo se vea bien y el tooltip se muestre al hacer hover sobre el texto.

Bootstrap

Hasta ahora el proceso de setup puede que haya sido un poco complejo para tener una página con un simple H1 y apenas unas líneas de CSS pero la verdadera potencia de la tupla Webpack Encore / Yarn se hace patente cuando empezamos a utilizar dependencias en nuestros proyectos. Del mismo modo que usamos Composer para gestionar nuestras dependencias del proyecto PHP podemos utilizar Yarn para gestionar los paquetes necesarios CSS/JS.

Para importar Bootstrap en nuestro proyecto solo tendremos que ejecutar.

Con la primera línea importamos las dependencias de Bootstrap y posteriormente la librería como tal. Ahora tendremos que descomentar la siguiente línea del fichero webpack.config.js

Con esta línea Webpack Encore se encarga de facilitar jQuery a Bootstrap, ahora importaremos la parte CSS de Bootstrap desde nuestro fichero assets/css/app.scss cargándola al principio del mismo.

Modificaremos nuestro fichero assets/js/app.js para importar la parte JS de Bootstrap y ejecutar nuestro tooltip con el siguiente contenido.

Una vez hecho esto podemos generar de nuevo nuestros ficheros utilizando los mismos comandos que antes o esperamos a que se regeneren automáticamente si hemos utilizado el flag –watch, ahora sí podemos recargar la web y ver en funcionamiento tanto el CSS como el JS de Bootstrap, todo ello en nuestro proyecto con la última versión de Symfony y gestionando los recursos de la mejor manera posible.

Conclusión

Si queremos poder ofrecer la mayor calidad en el menor tiempo de desarrollo nos tenemos que apoyar en las herramientas que nos ofrece la comunidad, es posible que los procedimientos que hemos descrito en el artículo puedan ser un poco complejos al principio pero una vez interiorizado su uso vamos a poder utilizar en nuestros proyectos infinidad de paquetes que dotarán nuestro trabajo de la calidad y velocidad de desarrollo necesaria en cada caso.

Cómo usar composer y aumentar la productividad de tu equipo

Composer se ha convertido en una herramienta fundamental del ecosistema PHP. Se trata de un gestor de dependencias que nos facilita la siempre tediosa tarea de lidiar con las dependencias de nuestro proyecto. Los proyectos crecen y tienden a acumular grandes cantidades de dependencias y no siempre es fácil tenerlas actualizadas a la última versión, decidir qué versión instalar o instalar las dependencias de nuestras dependencias para que nada falle en esa cadena de confianza que se genera entre proyectos y librerías.

 

El uso de composer orbita alrededor de los ficheros composer.json, composer.lock y el directorio vendor, de manera que en nuestro proyecto únicamente tendremos que incluir el autoloader para cargar todas las dependencias. Una de las cosas que ha facilitado tanto la existencia como la rápida adopción de composer es la creación de estándares de autoload por parte del PHP-FIG (PSR-0 y más tarde PSR-4).

Vamos a ver paso a paso cómo instalar composer, establecer las dependencias de nuestro proyecto y cargarlas con una sola línea. A lo largo del artículo describiremos y utilizaremos algunos comandos, los relativos a composer son independientes del sistema operativo pero la instalación está basada en la máquina de vagrant ubuntu/xenial64 siguiendo los pasos del artículo Crea y gestiona tus entornos de desarrollo con Vagrant del que hablamos hace algún tiempo.

Instalar composer paso a paso

Para instalar la herramienta en Ubuntu tendremos que ejecutar únicamente un comando. Hecho esto vamos a hacer disponible el binario de manera global. Desde el terminal ejecutamos las siguientes instrucciones.

curl -s https://getcomposer.org/installer | php
sudo mv composer.phar /usr/local/bin/composer

Una vez ejecutado debemos comprobar que el paquete está listo para su uso, podemos ejecutar por ejemplo composer –version y la salida nos mostrará algo similar a lo siguiente

Composer version 1.3.2 2017-01-27 17:23:41

¿Cómo actualizar de composer?

Composer es una herramienta que pese a haber alcanzado la versión 1.0 en 2016 sigue en desarrollo y por tanto deberíamos actualizar con cierta frecuencia. Esto se consigue lanzando el comando composer self-update.

Empezando a usar composer

Para empezar a usar composer en un proyecto necesitaremos generar un fichero composer.json en el que especificaremos las dependencias del proyecto. Dentro del json usaremos la clave require para especificar nuestras dependencias que composer descargará usando packagist.

Packagist es el repositorio central en el que encontraremos el catálogo de paquetes disponibles para composer identificados usando cadenas del tipo vendor/package, por ejemplo la librería monolog la encontraremos referenciada como monolog/monolog. Si accedemos a la página correspondiente de la librería en packagist podremos ver información adicional como el comando para instalar el paquete usando composer, la url del repositorio en github, estadísticas del proyecto como instalaciones o paquetes que dependen a su vez de éste, sus requerimientos, versiones, etc.

El contenido mínimo del fichero composer.json con el que podríamos definir monolog como dependencia de nuestro proyecto para instalarla con composer sería el siguiente:

{
    "require": {
        "monolog/monolog": "1.*"
    }
}

Con este fichero en la carpeta podemos lanzar el comando composer install que nos mostrará paso a paso qué va sucediendo durante la instalación. En nuestro caso se instalará el paquete psr/log como dependencia de monolog y posteriormente el propio monolog/monolog que es nuestra dependencia.
Tras los paquetes instalados aparece una serie de paquetes sugeridos. Desde la página de packagist también podemos consultar estas dependencias sugeridas que normalmente nos permiten ampliar la funcionalidad del paquete instalado. Por ejemplo entre las sugerencias de monolog aparece mongodb/mongodb que nos permitiría enviar nuestros logs a un servidor mongodb.

Al final de la salida se muestran dos líneas más referentes a los últimos pasos que realiza composer al instalar:

Writing lock file
Generating autoload files

Con estas dos líneas nos especifica que se ha creado el fichero composer.lock en base a la instalación y el autoload del que hablabamos más arriba cuando mencionabamos PSR-4 como uno de los pilares fundamentales de composer que permite un uso tan cómodo de la herramienta.

Cuando ejecutamos composer install la aplicación trata de leer el fichero composer.lock en el que se especifica una serie de información, probablemente la más relevante sean las versiones exactas a instalar. Si no existe el fichero se resuelven las dependencias usando la información de composer.json y se genera el fichero composer.lock en base a la instalación realizada. En nuestro caso aparecerán entradas referentes a monolog/monolog 1.22.0 y a psr/log 1.0.2.

El fichero composer.lock nos va a permitir reinstalar exactamente las mismas dependencias una y otra vez. Pongamos por ejemplo que en el repositorio de nuestro proyecto incluimos el fichero composer.json, en unos meses se une un compañero al equipo e instala el proyecto desde cero en su máquina para empezar a desarrollar, si hay una versión más reciente que cumpla con la expresión 1.* será esa la que se le descargue, por ejemplo la 1.5.1 pudiendo ser incompatible con nuestro proyecto. En su caso se generaría un fichero composer.lock con la versión instalada que sería distinto a la nuestra.
Por el contrario si le facilitamos ambos ficheros al ejecutar composer install su proyecto contará exactamente con las mismas dependencias que el nuestro o que el servidor de producción.

Hasta aquí hemos realizado manualmente la edición de composer.json para especificar nuestras dependencias, hemos creado el fichero y hemos añadido las líneas necesarias pero podemos delegar estas acciones mecánicas en el propio composer.

Para generar el fichero composer.json usaremos el comando composer init que nos guiará a través de la creación del fichero, en nuestro caso lo único que haremos es darle nombre a nuestro proyecto como acceseo/composer-test y obviar el resto de pasos como aparece en nuestro terminal:

ubuntu@ubuntu-xenial:~$ composer init

Welcome to the Composer config generator
This command will guide you through creating your composer.json config.

Package name (<vendor>/<name>) [ubuntu/ubuntu]: acceseo/composer-test
Description []:
Author [, n to skip]: n
Minimum Stability []:
Package Type (e.g. library, project, metapackage, composer-plugin) []:
License []:

Define your dependencies.

Would you like to define your dependencies (require) interactively [yes]? no
Would you like to define your dev dependencies (require-dev) interactively [yes]? no

{
"name": "acceseo/composer-test",
"require": {}
}

Do you confirm generation [yes]? yes

Una vez confirmada la generación del fichero nos habrá generado el siguiente composer.json mínimo con el nombre del proyecto y sin dependencias:

{
"name": "acceseo/composer-test",
"require": {}
}

Para llegar al punto que hemos alcanzado antes necesitamos establecer como dependencia de nuestro proyecto la librería monolog, y descargar nuestras dependencias. Esto lo haríamos con el comando composer require de la siguiente manera: composer require monolog/monolog:1.*

La aplicación nos mostrará una salida similar a la de composer install especificando qué paquetes y versiones se han instalado, las sugerencias, generación del lock, etc como ya hemos tratado, pero además nos especificará que se está actualizando el fichero composer.json.

Utilizando nuestras dependencias

Hasta ahora hemos hablado de composer como tal, pero la finalidad de gestionar nuestras dependencias con composer es por un lado ahorrarnos gestionar manualmente el árbol de dependencias y por otro facilitar el uso de las dependencias en nuestro código olvidándonos de decenas de require necesarios en cada fichero.

Una vez instaladas las dependencias se ha generado la carpeta vendors de la que he no hemos hablado hasta ahora, esa carpeta es la que almacena los paquetes descargados y los ficheros necesarios para el autoload.

Para empezar a usar monolog únicamente tendríamos que importar en nuestro código el fichero /vendors/autoload.php, vamos a usar el ejemplo que hay disponible en el fichero readme.md de monolog para ver cómo haríamos esto. En el mismo directorio que tenemos el fichero composer.json creamos el fichero composer-test.php con el siguiente contenido.

En este fichero con una sola línea podemos cargar todas las dependencias y utilizarlas sin realizar ningún paso extra más.

<?php
require __DIR__.'/vendor/autoload.php';

use Monolog\Logger;
use Monolog\Handler\StreamHandler;

// create a log channel
$log = new Logger('name');
$log->pushHandler(new StreamHandler(__DIR__.'/monolog.log', Logger::WARNING));

// add records to the log
$log->warning('Foo');
$log->error('Bar');

Al ejecutar el script se nos generará el fichero monolog.log correspondiente sin errores de clases o funciones no definidas.

Aunque hemos tratado un ejemplo sencillo a lo largo del artículo composer se utiliza extensivamente en los proyectos PHP más importantes del mundo, ya que nos permite hacer muchas más cosas que quedan fuera del alcance de la introducción que hemos llevado a cabo.

¿Tienes alguna incidencia?

Cuéntanos qué ocurre
y nos pondremos con ello lo antes posible.

Este sitio está protegido por reCAPTCHA, y la Política de privacidad y Términos de servicio de Google.
Sucríbete a
nuestra newsletter

para estar al día en el mundo online

¡Cuéntanos tus ideas!
+34 96 653 19 14
+info@acceseo.com
He leído y acepto la política de privacidad

Este sitio está protegido por reCAPTCHA, y la Política de privacidad y Términos de servicio de Google.