Sin categoría

Descarga de ficheros en Net Core

Vamos a ver como descargar ficheros mediante los Action Result de los controladores en Net Core. Vamos a trabajar solo con un controlador, HomeController y la vista Index. En vez de devolver un IActionResult vamos a devolver un FileResult, es lo mismo pero devuelve un fichero en lugar de una vista. Creamos una función que devuelva un FileResult, guardamos el mensaje en una variable y después la convertimos a un array de bytes. Devolvemos el array de bytes, el tipo mime del fichero y su nombre con su extensión. public class HomeController :…continue reading →

Servicios, HTTPClient y AJAX en Angular

Servicios Los servicios son clases cuyo objetivo principal es abstraer la lógica principal de la aplicación , están enfocadas a tener los métodos y la funcionalidad que interactúan con un servidor externo , en otras palabras es un proveedor de datos . Es de las partes de la arquitectura de una aplicación Angular más importantes ya que si no tendríamos mucho código dentro de los componentes relacionado con las peticiones AJAX o para hacer gran cantidad de lógica cuando lo útil seria sepáralo en un clase externa. Crear un servicio Para crear un…continue reading →

APLICACIÓN ESCRITORIO Electron.js (React)

Objetivo: poder tener nuestra proyecto web como programa de escritorio Puntos importantes: InstalaciónConfiguración Funcionalidad: Electron.js Para realizar nuetro proyecto web como programa de escritorio, usaremos el componete de React, ELECTRON.JS. Electron es un componente que nos ayuda a crear aplicaciones multiplataforma de escritorio con JavaScript, HTML y CSS https://www.electronjs.org/ INSTALACIÓN Debemos crearnos un nuevo proyecto React npx create-react-app electron-react-app Nos ubicamos en el proyecto, y pasaremos a instalar y añadir Electron yarn add electron Y abrimos nuestro proyecto con code, entramos al package.json. Donde vamos a modificar unas lineas: Debemos añadir, justo un …continue reading →

Consumir servicios en React con Axios – ejemplo práctico (Json-server)

En este post vamos a aprender cómo consumir servicios en React con axios de una API externa. También vamos a realizar un ejemplo práctico paso a paso. Mediante este ejemplo accederemos a una api para poder realizar un CRUD (Create, Read, Update, Delete) de Películas con React. Además en este caso usaremos el componente axios que nos proporciona React. Al final del post te dejo las indicaciones necesarias para instalar Router-Dom y Bootstrap, que son opcionales dependiendo del diseño deseado. Yo he usado navegación entre componentes y clases de bootstrap para tener un…continue reading →

Creación e implementación de Modelos en componentes de Angular – ejemplo práctico

Un modelo en angular es una clase que representa un objeto con propiedades que permite la utilización de la misma desde clases externas, evitando la reiteración de código. A lo largo de esta entrada veremos cómo construir un modelo y cómo implementarla en componentes. Construcción de un modelo: Estas clases se colocan dentro de src/app en una carpeta llamada models. El nombre de estos ficheros se escribe en minúscula: nombrefichero.ts. Como mencionamos previamente, un modelo es una clase que define un objeto con sus respectivas características, por ende, su sintáxsis es la siguiente:…continue reading →

Creación de un sitio web estático con Amazon S3

Introducción Amazon S3 o Amazon Simple Storage Service es un servicio ofrecido por Amazon que proporciona almacenamiento de objetos en contenedores llamados buckets. Este servicio nos permite almacenar cualquier tipo de ficheros con una disponibilidad inmediata, además de ofrecernos control de versiones, seguridad y cifrado de los objetos. Tutorial Como hemos visto AWS S3 nos permite almacenar ficheros a los que podemos acceder, en este tutorial vamos a configurar un bucket para almacenar un sitio web estático. Para el tutorial necesitaremos una página html sencilla, usaremos un fichero html, una hoja de estilos…continue reading →