Angular 2 avanzado: Gestión de archivos en PHP

Modificar archivos PHP para soportar variables dinámicas

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
PHP es un lenguaje flexible y dinámico que puede crear acciones a partir de datos cambiantes. En esta lección vamos a tomar estas capacidades para capturar variables de tipo GET y convertirlas a datos dentro de la aplicación para administrar archivos dinámicamente.
05:39

Transcripción

En esta lección vamos a conectar una aplicación Angular con un archivo PHP y vamos a lograr enviarle información dinámica para leer una carpeta, la cual nos va a mostrar una lista con todos los archivos que se encuentran en ella. Yo acá estoy trabajando una aplicación Angular y estoy trabajando un servicio. Este servicio recibe y envía una "ruta" para poder leer el lugar donde se encuentran nuestros archivos. Acá, de hecho, está definiendo que la "ruta" inicial de nuestra aplicación sea una carpeta llamada "archivos", que por cierto, si la revisamos, me estoy refiriendo exactamente a esta carpeta que tiene tres archivos y esta quiero que sea la carpeta inicial. Justamente, estamos interactuando también con un servicio en PHP que se llama "leer-carpeta" y este archivo lo que hace es que lee una carpeta, —vamos a revisarlo— lee una carpeta que justamente es la misma carpeta "archivos". Yo lo que quiero es que mi aplicación Angular pueda cambiar esta carpeta "archivos' y pueda entrar dentro de las carpetas que se encuentran dentro de ella. Por ejemplo, si revisamos acá "archivos" tiene una subcarpeta llamada "test2" yo deseo que mi aplicación pueda navegar dentro de esta carpeta o dentro de cualquier otra carpeta y que tengamos acceso a esta ruta. Así que, tenemos que generar una "ruta dinámica" y hacer que el valor que está dentro de "leer-carpeta.php" sea un valor dinámico y no sea este valor estático de "archivos". Así que, vamos a ir primero a nuestra aplicación y vamos a enviarle el valor dinámico y este valor dinámico lo vamos a utilizar a partir de el servicio. Vamos a utilizarlo a partir de un servicio porque, el valor, aunque se está definiendo acá de manera inicial en la carpeta "archivos", este valor va a cambiar dentro de un componente distinto y gracias a que estamos trabajando con un servicio, obtenemos la información, desde cualquier parte de la aplicación. Así que, yo voy a ir acá a donde hago la petición, y voy a hacer un cambio bastante simple. Lo único que voy a hacer es que le voy a modificar un parámetro y le voy a definir que el parámetro llamado "ruta" —y lo voy a hacer acá— vamos a incluir un valor, en este caso va a ser un valor por "GET" que se va a llamar "ruta", Y le voy a definir que el valor, que va a tener esta "ruta", va a ser el valor interno que se llama "mostrarRuta"; y si revisamos este método vamos a ver que lo que me devuelve es el valor que se encuentra en mi servicio. Esto significa que dentro de la navegación de mi aplicación, conforme vaya cambiando la "ruta", cada vez que se haga una invocación a este método llamado "peticionExterna", vamos a abrir el archivo "leer-carpeta.php" y le vamos a definir la "ruta" que queremos leer, así vamos a tener una navegación dinámica. Voy a guardar la información acá y vamos a modificar el archivo PHP. Nuestro archivo PHP, por ahora tiene información estática, solamente puede abrir la carpeta llamada "archivos". Lo que vamos a hacer es que vamos a modificar esto, muy simple. Vamos a crear una condicional y vamos a definirle que si la variable llamada "ruta", la cual acabamos de definir desde Angular, que si esta variable existe ejecute una acción, y en caso contrario vamos a definirle que ejecute otra. Entonces, en caso de que no exista la variable "ruta" nosotros vamos a asignar un valor por defecto a nuestra aplicación, que va a hacer entrar directamente a la carpeta llamada "archivos". Ahora, en caso de que exista un valor llamado "ruta", que va a ser la carpeta a la que queremos entrar vamos a definirle que "ruta", ya no va a ser el valor por defecto, sino que va a ser el valor que nos llega desde la variable. Vamos a guardar y vamos a ver nuestra aplicación, que está trabajando acá. Tenemos dos archivos y yo tengo mi aplicación programada para que cuando se despliega un directorio me muestre únicamente esta flecha y esta flecha lo que va a hacer es que va a enviar información al servicio para que modifique la "ruta" y una vez que modifica la "ruta" vuelva a hacer una invocación del documento PHP, pero esta vez con una "ruta" nueva. En teoría cuando yo haga clic acá me debería abrir los contenidos que se encuentran dentro de la carpeta "test2". Vamos a hacer clic y vemos que me aparece un archivo llamado "respaldos2.zip". Revisemos la información que se encuentra en esta carpeta. Vemos que tenemos "archivos", que es nuestra carpeta por defecto, tenemos la carpeta "test2" y tenemos acá adentro el archivo "respaldos2" tal como se muestra acá en la aplicación. Estamos haciendo una navegación básica entre carpetas utilizando servicios PHP y la interacción que nos da Angular.

Angular 2 avanzado: Gestión de archivos en PHP

Aprende a crear vínculos entre PHP y Angular 2 mediante un ejemplo práctico en el que trabajarás del lado del servidor con PHP y la parte web con la tecnología Angular de Google.

3:20 horas (33 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:19/04/2017

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.