Cómo subir imágenes y archivos a un servidor local Node.js en un proyecto Vue.

A la hora de ponernos a trabajar con servicios en proyectos de Vue, necesitamos aprender cómo podemos traernos los diferentes datos almacenados en un servidor, poder modificarlos, eliminarlos y añadirlos por supuesto, pero hay que tener en cuenta que no todas las API que podemos encontrar en internet nos dejan insertar unos tipos de datos como son ficheros. El problema está que no podemos modificar esas API que estábamos utilizando ya que no nos pertenecen, por ello para poder practicar de una manera local, podemos crearnos nuestra propia API y poder modificarla a…continue reading →

Firewall Site-to-RoadWarrior con iPFire y OpenVPN

https://youtu.be/Ga9ZCBIQyl8 En que consiste está práctica Creación de un túnel VPN, de una forma genérica, la función de un túnel VPN es establecer una conexión segura entre dos extremos con la peculiaridad de estar cifrada para lograr seguridad y privacidad. Más específicamente, para conectarnos a servidores propios fuera de nuestra red o intercambiar datos confidenciales. Para ello, es recomendable configurar un servidor VPN al que conectarnos y así tener acceso sin restricciones a toda la información y recursos. Las conexiones VPN "Road Warrior" están diseñadas para conectar una sola máquina a una red…continue reading →

Programación y publicación de un bot de discord utilizando angular

Bot de discord con angular ¿Qué es discord? Discord es una plataforma social destinada a permitir crear grupos de chat para diferentes finalidades. Puedes pensar en ella como algo similar a Skype o TeamSpeak, aunque incluyendo las funciones de otras herramientas más profesionales. Tiene versiones tanto para PC como para dispositivos móviles, pasando también por un cliente que puedes utilizar directamente desde el navegador. Además, tiene bastantes funcionalidades, permitiendo chatear por texto, por voz e incluso realizar videoconferencias, todo ello con una aplicación totalmente gratuita. En discord podemos diferenciar dos tipos de chat, los chats…continue reading →

JSON Server, HttpClient y Peticiones HTTP en Angular

Para interactuar con un servicio web que consiga datos para nuestra aplicación vamos a utilizar peticiones HTTP asíncronas, también llamadas peticiones AJAX. Las peticiones se realizan usando la clase HttpClient de Angular, la cual es entregada como un Servicio a través de la inyección de dependencias. Para poder hacer pruebas hay diversas opciones; en este caso haremos uso del módulo JSON-Server, que simula un entorno donde estamos conectados a algún tipo de backend. Esto nos devolverá un Observable, al cual podremos suscribirnos. JSON Server JSON-Server es un falso REST API, apropiado para crear…continue reading →

Formulario en Vue con Vuelidate

En este tutorial vamos a ver cómo realizar la validación de un formulario en Vue mediante Vuelidate. Vuelidate es una librería que sirve para validar datos. Es mucho más cómoda que las comprobaciones hechas a mano y, a diferencia de Vee-Validate, permite validar cualquier tipo de valor, no solo inputs. Esto incluye los valores en el data o en las computadas de los componentes. Lo primero de todo sería instalar la librería en nuestro proyecto mediante el siguiente comando:                            npm install vuelidate --save Una vez hecho esto nos dirigiremos al archivo main.js,…continue reading →

Firewall Site-to-site con IpFire

https://www.flickr.com/photos/194932414@N08/51842857634/in/dateposted-public/ https://www.youtube.com/watch?v=8dMbno2uL5E Objetivo: Configurar una VPN Site-to-Site con ipfire Utilización: Esta práctica nos servirá para unir dos redes distintas a través de una VPN para cifrar el contenido de la comunicación. Con esto evitaremos que nos puedan robar información de dicha comunicación. Infraestructura: Para esta practica necesitaremos la siguiente estructura: Contaremos con dos Firewalls conectados por internet, tendremos unas ip publicas que normalmente tienen que ser ip´s fijas, si las tenemos dinámicas cada vez que nos cambien tendremos que cambiarlas en la configuración. Luego dispondremos de dos redes internas, unas que será la…continue reading →