El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Angular 2 práctico: Sitio de consumo de videos

Crear un servicio de listado de videos

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
En esta lección vamos a conectarnos a una base de datos, a obtener la información que se encuentra almacenada en una tabla y luego vamos a desplegarla en un formato JSON amigable con aplicaciones externas.
09:11

Transcripción

Vamos ahora a crear un archivo de PHP, que nos va a funcionar como un servicio. Lo que vamos a hacer es que vamos a obtener una lista con todos los elementos que se encuentren en una base de datos. Acá yo estoy trabajando dentro de la carpeta "HTDOCS" que es la carpeta que muestra los archivos de mi servidor. Tengo una carpeta llamada "comun" donde se encuentra un archivo "db.php" que se conecta a mi base de datos y tiene la información necesaria para conectarse. Tengo también una carpeta llamada "API" donde voy a guardar la información relacionada con los archivos que me devuelven algún tipo de dato. En este caso, vamos a crear un nuevo archivo que se va a llamar "lista-de-videos.php". Este archivo, como es PHP, vamos a comenzar incluyéndole los encabezados correspondientes al lenguaje. Tenemos acá el IntelliSense que va haciendo autocompletado de código dentro de Visual Studio y terminamos cerrando el código de PHP. Ahora, vamos a comenzar a poner información en este archivo. Lo que vamos a hacer es que vamos a invocar la información que se encuentra dentro de "db.php". Para hacer eso, vamos a insertar el comando "include_once" y vamos a definir la ruta en la que se encuentra "comun/db.php". Vamos a poner "../comun/db.php". Listo. Ahora tenemos acceso... Nos faltó el punto y coma. Es importante siempre poner punto y coma al final de cada línea de PHP, si no, vamos a tener un error. Ahora, ya tenemos la información para conectarnos a la base de datos. El siguiente paso es que vamos a hacer una pequeña restricción para que nuestro archivo muestre información únicamente si estamos haciéndolo a través del método "GET". Dentro de HTTP, nosotros tenemos diferentes métodos como, por ejemplo, "GET", "POST", "DELETE" o "UPDATE". Vamos a utilizar específicamente "GET" y vamos a bloquear cualquier otra llamada. Esto lo vamos a hacer con el comando "if" y vamos a llamar la información que se encuentra dentro de una variable especial llamada "SERVER". Es una variable de sistema que nos da información específica al servidor. Dentro de "SERVER", vamos a llamar particularmente la información de "REQUEST_METHOD" que nos dice cuál es el método en que se hizo la petición de esta página. Y vamos a decir que, si el método es igual a "GET", muestre la información que vamos a desplegar en un momento y vamos a poner también la opción "else", en caso de que alguien acceda la información desde otro método, y que nos muestre un encabezado que va a activar un error 405, mencionando que es un método no disponible. Ahora, ya tenemos la información que va a suceder en caso de error. Vamos a mostrar la información que deseamos que se muestre correctamente. En este caso, yo voy a poner una variable que se llama "resultado" y voy a igualarla a una función que se va a llamar "lista_de_video". Va a ser una función que va a existir dentro de mi archivo PHP. Voy a guardar. Todavía no voy a poner la función de PHP, sino que voy a mostrar un resultado al final de mi código. En este caso, voy a mostrar un texto que va a estar en formato JSON con los valores que se encuentren en "resultados". ¿Por qué estoy haciendo esto? Bueno, en el futuro puede ser que desees modificar, de alguna forma, este código y podemos, incluso, poner condicionales dependiendo de diferentes métodos, diferentes llamadas, diferentes parámetros. Así que, al final, lo importante es que tengamos un resultado independiente de la forma y de los métodos que utilicemos. Tengo acá un error, es "resultado". Es importante que siempre incluyamos el nombre correcto de la variable. Y como te decía, lo importante es que no importa la forma en que obtengamos ese resultado. Lo importante es que al final lo devolvamos en el formato JSON. Por ahora, solo tenemos una forma de obtenerlo que es entrando a través del método "GET". Dicho eso, vamos a generar la función que nos va a devolver el valor que necesitamos. La función se llama "lista_de_video". Tenemos que asegurarnos de que el nombre sea exactamente igual porque si no, vamos a tener un error o, posiblemente, mostremos la información incorrectamente. Ahora, ya tenemos la función declarada y vamos a asignarle los valores. Lo que necesitamos hacer con esta función es básicamente conectarnos a la base de datos, obtener la información que se encuentre ahí y devolverla para que la podamos desplegar dentro de nuestro documento. Entonces, vamos a comenzar llamando una variable de tipo global que se va a llamar "enlace". Esta variable ya se encuentra dentro del sistema, gracias a el archivo que yo acabo de incluir, "db.php". Si revisamos este archivo, tiene esa variable declarada global. Yo estoy trayendo la información que se encuentra ahí y la estoy inyectando dentro de esta función. Así que, también, voy a tomar una variable. En este caso, va a ser una variable local que se va a llamar "resultado". Y a "resultado" yo le voy a asignar un valor de una petición a la base de datos. Esa petición a la base de datos va a ser conectado a la base de datos que nos da "enlace" y vamos a seleccionar todos los registros que se encuentren en la tabla "videos". Dentro de mi base de datos, yo tengo una base de datos llamada "sitio_videos" y tengo ya una tabla creada llamada "videos" que ya tiene una estructura predefinida. Acá ya tengo todos los elementos necesarios. Voy a incluir un registro para que podamos ver el resultado. Voy a presionar el comando "Insert" y vamos a agregar la información a "id", "título", "descripción", "video", "imagen" y, en el caso de "unique id", que es un identificador único, vamos a dejarlo en blanco. Voy a presionar "go". Y ya tenemos un registro que es básicamente para que lo podamos ver dentro de un ejemplo. Todavía la información que está ahí no es válida, pero la vamos a utilizar solamente para desplegar algún dato en el resultado que vamos a crear. Ahora, ya tenemos nuestra función declarada y estamos llamando la información a la tabla "videos" que es con la que acabamos de trabajar. Ahora, vamos a generar un bucle que va a iterar sobre la información que se encuentra dentro de la tabla que acabamos de modificar. Básicamente estamos iterando sobre la información que llegue ahí cada vez que tengamos un registro. Vamos a generar una nueva vuelta de este bucle y estamos utilizando acá un arreglo. Y lo que hacemos es que, por cada uno de los registros que existan en la base de datos, vamos a inyectar un valor en este arreglo. Una vez que terminamos de iterar sobre esos datos, vamos a utilizar el comando "return" que nos va a devolver la información que se encuentra en este arreglo. Ahora, recapitulando, tenemos un archivo que se conecta a la base de datos y únicamente cuando tenemos la petición a través de "GET". Vamos a invocar los resultados que se encuentran en la función "lista_de_videos" que nos devuelve toda la información que se encuentra dentro de la tabla "videos". Vamos entonces a probar la información. Voy a guardar y vamos a revisar dentro de nuestro servidor la información que está desplegando. Acá entramos a "localhost", que es donde se encuentra mi servidor local. Vamos a buscar la carpeta "API". Y llamamos el archivo "lista-de-videos.php", que es donde estamos trabajando. Y como estamos haciendo una petición a través del método "GET", que es el método regular que utiliza el navegador, estamos obteniendo acá la información. Podemos ver que, aunque nos aparece información todavía de ejemplos, sin ningún sentido, ya estamos viendo los datos. Vamos a ver el código. "Ver código fuente de la página" Y podemos ver que acá se nos está mostrando un arreglo, con el cual podemos trabajar y podemos comenzar a procesar los datos que nos devuelve este archivo PHP.

Angular 2 práctico: Sitio de consumo de videos

Aprende a crear un sitio web de consumo de vídeos con Angular 2, desarrollando el back-end y conectando con el servidor local, terminando por la personalización del reproductor.

2:41 horas (26 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.