Resumen
En este post te mostraré a crear un enlace para compartir una página web o un enlace en WhatsApp usando la (muy limitada) API de WhatsApp.
Voy a mostrarte cómo crear un enlace usando HTML puro, otro usando PHP y otro usando JavaScript.
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.
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í.
Activar acceso de apps menos seguras en cuenta de Google
Para conectar algunos servicios a nuestra cuenta de Google (sin usar los métodos como OAuth) se necesita activar el Acceso de apps menos seguras.
En este tutorial voy a explicar cómo habilitar la opción.
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.
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
Así que es momento de grabar un vídeo con JavaScript pero enviar el resultado a un servidor con PHP.
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
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.
Grabar audio de micrófono con JavaScript y PHP
En este post vamos a ver cómo grabar el audio proveniente del micrófono con JavaScript y PHP.
Grabar audio con JavaScript y enviarlo a PHP
Vamos a acceder al micrófono con JavaScript y enviar el resultado a un servidor con PHP para almacenar la grabación como un archivo de audio; además, haremos que se pueda seleccionar un distinto dispositivo de grabación.
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.
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
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.
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.
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
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.
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.
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.
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.
