HTML

Conseguir Token API Brawl Stars y Consumir API

Registrarnos en la API para conseguir el TOKEN Nos registramos en la api, nos dirigimos a nuestra cuenta y le damos a la opción de crear KEY, en la que nos pedirá que metamos nombre, descripción y nuestra IP https://developer.brawlstars.com/#/. Una vez creada la KEY entramos y tenemos el TOKEN lo copiamos y nos lo guardamos para insertarlo en el codigo. En nuestro proyecto hacemos la petición de AUTHORIZATION string enlaceJugadores = "https://api.brawlstars.com/v1/players/%23"; HttpClient cliente = new HttpClient(); cliente.DefaultRequestHeaders.Add("accept", "application/json"); //Importante el BEARER antes del TOKEN cliente.DefaultRequestHeaders.Add("authorization", "Bearer TOKEN"; try { var playerresponse…continue reading →

Creacion de carrito con cantidades usando session en .Net Core

En este post vamos a enseñar como añadir productos con sus cantidades a un carrito usando Session en .Net CorePrimero instalamos los siguientes NuGet Después configuramos el appsettings, añadiendo nuestra conexión a la base de datos Ahora en Program añadimos Session para que funcione en nuestro proyecto Creamos una nueva carpeta llamada Extensions Y dentro un archivo llamado SessionExtensionHaremos un using a JsonConvert https://www.flickr.com/photos/197088457@N08/52787844742/in/dateposted-public/ Ahora en nuestra carpeta Model creamos una clase Productos Ahora creamos un carpeta Data donde vamos a tener nuestro Context https://www.flickr.com/photos/197088457@N08/52788628959/in/dateposted-public/ Después creamos un nuevo Repositorio llamado RepositoryProductos donde…continue reading →

Integración de Google Maps en Net Core

En este post te mostraré cómo puedes integrar fácilmente Google Maps (https://developers.google.com/maps?hl=es-419) en tus proyectos de Net Core utilizando tan solo unas pocas líneas de código y aplicando JavaScript o JQuery. En este caso, nuestro objetivo final será implementar un buscador con autocompletado en el que, al pulsar en un botón o al introducir el texto de una localización, se nos muestre en nuestra aplicación un contenedor de Google Maps con dicha localización seleccionada. Google Maps es una herramienta muy popular y ampliamente utilizada, lo que la convierte en una excelente opción para…continue reading →

Cómo integrar BULMA en Vue

¿Qué es BULMA? ¿Cómo se integra Bulma en Vue? A menudo nos encontramos en la situación de hacer una pagina web en el framework Vue pero no sabemos cómo hacer que nos quede presentable a nivel de diseño, para ello, hay un framework de CSS que se llama "Bulma", esta tiene librería que nos permitirá hacernos el trabajo de diseño mucho más sencillo ya que tiene muchos componentes los cuales podrás utilizar, modificar a nuestro gusto. Crea una carpeta para almacenar el proyecto-Vue: C:\Users\Sarto\Desktop\VUE BULMA Crea un proyecto Vue dentro de la consola…continue reading →

Web Scraping con Cheerio en VUE

En este post se va a tratar el Web Scraping. Esta técnica es utilizada para extraer información de páginas web. Es increíblemente útil cuando necesitamos recuperar grandes cantidades de información de diferentes páginas. Debido a que ahorra una gran cantidad de trabajo humano. En esta ocasión utilizaremos esta técnica para recuperar los títulos de los posts publicados en la página principal de https://techriders.tajamar.es/ También recuperaremos las etiquetas de cada titulo y realizaremos un recuento para ver que temas son más abundantes. Para realizar esta tarea utilizaremos la librería Cheerio. Una librería desarrollada para…continue reading →

Uso de la API de Spotify

El mayor problema que nos puede presentar la API de Spotify es la autenticación del usuario, sí que es verdad que la mayoría de las peticiones tiene un cierto limite de envío de datos, esto quiere decir, que, si por ejemplo queremos mostrar nuestras listas de reproducción, la api solo nos devolverá 50 resultados. Este problema lo podremos solucionar con un bucle realmente sencillo, pero para ello debemos conocer la cantidad de listas que tenemos, lo veremos mas adelante. Primeros Pasos Lo primero de todo es crear nuestro proyecto de react con el…continue reading →