apis

Obtener actualizaciones de ubicación con JavaScript

Resumen: en este post te mostraré a escuchar el cambio de ubicación de un dispositivo con JavaScript. Por ejemplo, vigilar el cambio de ubicación en un dispositivo móvil cuando el usuario se mueve, camina o conduce.

Vamos a usar JavaScript y la API ofrecida a través de navigator.geolocation. Concretamente veremos la función watchPosition.

Actualizaciones de ubicación con JavaScript y geolocation API

Nota: recomiendo primero dar un repaso por mi otro post para ver la introducción al acceso a la ubicación desde JavaScript.

Si quieres ver lo que haremos al final del tutorial, puedes ver esta demostración. También puedes ver el repositorio en GitHub.

Continue reading…

Acceder a la ubicación con JavaScript

Resumen: en este post vamos a ver cómo obtener la ubicación del usuario (coordenadas) usando JavaScript.

Gracias a este método podremos obtener la ubicación precisa de un teléfono, tableta o computadora, pues mientras se cuente con un navegador actualizado y GPS o internet se puede obtener la latitud y longitud de un dispositivo.

Para acceder a la ubicación con JavaScript vamos a usar navigator.geolocation y su método getCurrentPosition.

También vamos a manejar los permisos de acceso a la ubicación desde el navegador.

Puedes acceder a la demostración aquí, y al repositorio en GitHub aquí.

Continue reading…

Tutorial de Postman

Postman es una aplicación de escritorio (en mis tiempos era una extensión para navegadores, pero las cosas cambian) que permite probar nuestras APIs y aplicaciones web.

Con Postman se pueden enviar peticiones HTTP con distintos métodos: POST, PUT, GET, DELETE, etcétera.

También se pueden enviar formularios o datos codificados como JSON.

Así que con Postman podemos probar todas nuestras aplicaciones web sin tener que programar el lado del cliente; personalmente lo uso para probar el back-end antes de comenzar con el front-end.

En este post veremos cómo descargar, instalar y usar Postman.

Continue reading…

Grabar vídeo de cámara con JavaScript y subirlo a PHP usando MediaRecorder, fetch, getUserMedia y FormData

Grabar vídeo con JavaScript y enviarlo a servidor con PHP

Esta es la continuación del post en donde vimos cómo grabar un vídeo (con audio incluido) usando JavaScript accediendo a la cámara web y al micrófono.

En ese mismo post tenemos enlaces a tutoriales para:

Grabar vídeo de cámara con JavaScript y subirlo a PHP usando MediaRecorder, fetch, getUserMedia y FormData

Grabar vídeo de cámara con JavaScript y subirlo a PHP usando MediaRecorder, fetch, getUserMedia y FormData

Así que es momento de grabar un vídeo con JavaScript pero enviar el resultado a un servidor con PHP.

Continue reading…

Grabar vídeo de cámara con JavaScript, MediaRecorder y getUserMedia

Grabar vídeo de cámara con JavaScript

A través del tiempo hemos visto cómo tomar fotos con JavaScript (así como enviarlas a un servidor con PHP) y cómo grabar el audio del micrófono (o guardarlo en un servidor).

En este post vamos a ver la “unión” de esas operaciones para grabar un vídeo con JavaScript.

El vídeo que vamos a grabar será tomado de la cámara web en caso de que sea una portátil, o de la cámara de un teléfono o tableta.

También podremos capturar vídeo de cualquier otra cámara, al igual que el audio. Por ejemplo, en los móviles vamos a elegir entre la cámara trasera o la frontal.

Grabar vídeo de cámara con JavaScript, MediaRecorder y getUserMedia

Grabar vídeo de cámara con JavaScript, MediaRecorder y getUserMedia

Lo que haremos será ver cómo acceder a la cámara y al micrófono, grabar el audio y el vídeo para descargar finalmente el vídeo que grabamos.

Continue reading…

Petición POST, GET, PUT y DELETE en Go con net/http

Golang es un lenguaje utilizado del lado del servidor debido a su simplicidad de uso, potencia y velocidad.

Sin embargo, con Go también se pueden hacer peticiones HTTP. Es decir, Go también puede funcionar como cliente HTTP, no solo como servidor.

Como sabemos, hay 4 métodos básicos para las peticiones HTTP: POST para enviar datos, GET para obtener, PUT para actualizar y DELETE para eliminar.

Peticiones HTTP con Go y net http

En este post veremos ejemplos de cómo hacer estas 4 peticiones con Go usando el paquete net/http para lograr hacer una petición GET, POST, PUT y DELETE usando Golang.

También vamos a ver cómo escribir y enviar encabezados o el código de respuesta (200 para OK, 500 de error, 405 de no permito, etcétera)

El sitio web que vamos a usar para probar será httpbin.org, el cual sirve como espejo para probar que realmente estamos haciendo las peticiones y enviando datos.

Continue reading…

Grabar audio del micrófono con JavaScript y descargar la grabación

En este post voy a explicar cómo grabar audio del micrófono con JavaScript, MediaRecorder y la API de getUserMedia.

Grabar audio del micrófono con JavaScript, getUserMedia y MediaRecorder

Grabar audio del micrófono con JavaScript, getUserMedia y MediaRecorder

Al final seremos capaces de:

  • Pedir permiso de acceder al micrófono
  • Obtener una lista de micrófonos
  • Seleccionar el micrófono para grabar
  • Comenzar una grabación
  • Detener la grabación de audio
  • Descargar el audio grabado

Todo eso sin usar plugins, extensiones ni esas cosas: se utiliza JavaScript puro.

Continue reading…

Archivo movido y procesado

Aprende a usar curl

Curl es una gran herramienta para hacer peticiones y enviar datos usando HTTP. Desconozco todas sus funciones pero puedo asegurar que sirve perfectamente para probar las APIs que creamos en cualquier lenguaje de programación con el paradigma REST.

Es por eso que hoy veremos cómo usar CURL para probar nuestras API’s y hacer otras peticiones que nos ayudarán a depurar nuestros programas de la web. A lo largo de este tutorial te mostraré, entre otras cosas, lo siguiente:

  • Enviar encabezados
  • Especificar verbo HTTP
  • Enviar datos o JSON
  • Enviar datos como formulario
  • Subir un archivo
  • Enviar el contenido de un archivo

Nota: curl está disponible para Windows y me parece que viene preinstalado en Linux.

Continue reading…

Conversor texto a audio con JavaScript

Texto a voz con JavaScript y la API de speechSynthesis

En este post vamos a ver cómo usar la API de speechSynthesis con JavaScript, presente en la mayoría de los navegadores web. Esto permitirá hacer un conversor de texto a voz con JS, sin librerías externas ni frameworks.

La tecnología TTS, Text to speech, texto a voz o síntesis de voz es algo que permite convertir texto a habla, es decir, ingresamos el texto y luego escuchamos una voz que lo “lee”.

Conversor texto a audio con JavaScript

Conversor texto a audio con JavaScript

Gracias a esta API de speechSynthesis con JavaScript podemos agregar más funcionalidades a nuestras aplicaciones web, y hay buenas noticias, pues funciona (al momento de escribir esto) en Chrome, Firefox y Edge. También en Android usando Chrome y Firefox.

Veamos entonces cómo consumir esta API.

Continue reading…

PHP y cURL - petición con JSON

Enviar y recibir JSON con encabezados usando PHP y cURL

En este post voy a explicar cómo enviar datos codificados como JSON y cómo recibir datos igualmente de tipo JSON usando PHP y las funciones de cURL.

Al final seremos capaces de enviar datos JSON con PHP así como encabezados HTTP.

Gracias a que veremos cómo hacer esta comunicación podríamos conectar dos servidores de PHP en distintos hosts, o unificar el consumo de APIs de terceros en un solo lugar.

Continue reading…

Obteniendo valores de localStorage con JavaScript

Almacenamiento en el navegador con JavaScript y localStorage

El almacenamiento de datos en el navegador usando JavaScript, además de las cookies, ya es una cosa que salió hace mucho tiempo. Sin embargo, muchas personas todavía no conocen sobre el tema o saben poco sobre el mismo.

Es por eso que en este post voy a explicar cómo trabajar con la API de localStorage en JavaScript para almacenar datos en el navegador del usuario, pero lo más importante es que estos datos van a persistir aunque el navegador se cierre o se actualice.

Continue reading…

Probando petición HTTP GET con Java y JSONPlaceholder

Petición HTTP GET en Java para consumir HTML o JSON

Obtener respuesta de URL con Java y HttpUrlConnection

En este tutorial vamos a ver cómo hacer una petición HTTP de tipo GET con Java. Es decir, obtener la respuesta HTTP (ya sea HTML, JSON, texto, etcétera) que se obtiene al visitar una URL.

No vamos a usar ninguna librería externa ni paquetes de terceros, solamente URL, HttpUrlConnection y algunos búferes.

Esto será simple pero a partir de esto podremos hacer peticiones más grandes.

Continue reading…