Angular 2 avanzado: Gestión de archivos en PHP

Instalar librerías externas

¡Prueba gratis durante 10 días

nuestros 1240 cursos !

Prueba gratis Mostrar modalidades de suscripción
Angular es un framework extenso y completo, pero algunas cosas muy específicas se salen del alcance del núcleo original del código, es aquí donde tenemos que hacer uso de librerías externas que nos ayudan a ampliar la funcionalidad de Angular. En esta lección te voy a mostrar cómo instalarlas.
05:43

Transcripción

En esta lección, vamos a aprender cómo instalar módulos adicionales dentro de Angular 2. Yo ahora estoy trabajando en una aplicación Angular y en esta aplicación estoy utilizando varios módulos que están incluidos dentro del "core", dentro del núcleo original de Angular. Si deseo deseo generar alguna funcionalidad extra o alguna librería nueva hecha por desarrolladores externos puedo instalarlos de muchas formas. La forma más sencilla es usando "npm" o el administrador de paquetes de "node". Vamos a utilizar este principio para instalar un módulo adicional que nos permita a nosotros subir archivos a un servidor. Acá estoy dentro de mi aplicación, mi aplicación está en una carpeta llamada "manejo-de-archivos", y estoy trabajando en la consola de "visual studio", y estoy entrando acá a la carpeta "manejo de archivos". Vamos a limpiar la información que está acá y una vez que esté dentro de esta carpeta algo que voy a hacer es que voy a identificar que en ella se encuentre el archivo "package.jason", acá es donde se encuentra la información de todos los módulos que nosotros estamos utilizando dentro de una aplicación. Pueden ser módulos dentro de Angular o módulos externos, puede ser cualquier otra librería. Sabiendo eso, nosotros vamos a utilizar el administrador de paquetes de "node" utilizando el comando "npm" y vamos a agregar una nueva librería, en este caso, una librería que se llama "ngx-uploader". Podemos encontrarla en la dirección que te estoy mostrando acá: "github.com/jkuri/ngx-uploader". Acá están las instrucciones para instalar esta librería y lo que voy a hacer es que voy a seguirlas tal cual aparecen ahí. Lo que voy a hacer es que voy a llamar a "npm" al administrador de paquetes de "node" voy a llamar al comando "install" y voy a definir el nombre de la librería que deseo instalar, en este caso, "ngx-uploader" y también le voy a dar el parámetro "--save". Esto me va a permitir a mí guardar la configuración de esta nueva librería dentro de "package.jason". Voy a presionar "Enter" y mientras se está instalando, te comento que en "package.jason" nosotros vamos a poder guardar todos los datos de todas las librerías y en el caso de que elimine las librerías o esté trabajando en otro ordenador o necesite hacer un cambio, en todos los casos voy a tener este archivo que me va a permitir volver a descargar todas las librerías que ya tenía, justamente por eso le he presionado la opción "save", porque si revisamos en "package.jason" vamos a ver que ya tenemos este registro donde se acaba de incluir la opción "ngx-uploader" y, de paso, nos ha guardado la versión que estamos utilizando, así que si compartimos este proyecto otra persona puede descargar automáticamente esa librería y utilizar la misma versión que estamos usando nosotros. Ahora, necesitamos instalarla dentro de Angular. Para eso tenemos que ir al módulo principal de nuestra aplicación, en este caso buscamos "app" y buscamos "app.module" y aquí vamos a encontrar el módulo principal de la aplicación. Necesitamos importar el módulo que acabamos de crear, en este caso se llama "ngx-uploader", así que vamos a importarlo de esta forma. Podemos ponerlo en cualquier parte, vamos a ponerlo acá arriba donde se encuentran los módulos principales de Angular y vamos a poner: "import". En este caso, vamos a llamar a un objeto llamado "ngUploaderModule" y definimos que lo descargue desde "ngx-uploader". Si revisamos acá, dentro de la carpeta "node_modules", vamos a ver que tenemos una carpeta exactamente con este nombre. Y precisamente de acá es de donde estamos descargando la información. Dicho eso, volvemos otra vez a nuestro módulo de Angular y ya tenemos importado el "ngUploaderModule", ahora sí ya tenemos acceso a él pero nos faltan un par de detalles. Tenemos que, también, importarlo dentro de la aplicación para que esté disponible en cualquier momento. que lo vayamos a necesitar. Para eso vamos a buscar la sección de "imports" y vamos a copiar exactamente este nombre con las mismas mayúsculas, vamos a copiarlo, vamos a poner "," y vamos a permitir que nuestra aplicación lo pueda leer. Entonces, una vez que ya lo tenemos definido, declarado e importado dentro de nuestra aplicación, por ejemplo, si quiero ir a un módulo, vamos a buscar "item-archivo", por ejemplo, voy a buscar "components" y voy a importar este nuevo módulo con el comando "import"; definimos cuáles son los objetos que queremos importar, por ejemplo, puedo poner acá "NgUploaderOptions", que son algunos de los objetos que tenemos disponibles dentro de "ngx-uploader", definimos de dónde queremos importarlo y declaramos que se descargue desde "ngx-uploader". Aquí me hace "auto completado" porque la clase ya está declarada dentro de mi aplicación. Y así es como nosotros tenemos acceso a los diferentes paquetes adicionales que existen en Angular para poderlos trabajar en nuestras aplicaciones.

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.