API para obtener ubicación

Hoy te mostraré cómo puedes obtener la ubicación de un usuario o visitante de tu sitio web a través de su IP, consumiendo una API para la geolocalización o ubicación a partir de la IP.

De este modo vas a poder conocer la ubicación del usuario (con latitud y longitud) sin solicitarle permisos extra, aunque quiero dejar claro que obtener la ubicación por IP es mucho menos precisa que obtenerla a través del GPS.

Si solo quieres una ubicación aproximada, esta API funcionará de maravilla y al final vas a tener las coordenadas de su ubicación.

(más…)

API para obtener IP

Hoy te voy a mostrar un servicio gratuito y sin límite para obtener la IP del usuario. Es decir, se tiene que hacer una petición al servidor y el mismo te devuelve la IP del host.

Esto es útil para obtener la IP desde el cliente, sin importar el lenguaje de programación. Además, también sirve para cuando necesitamos consumir otras APIs (por ejemplo, una que te diga el clima) que requieren la IP.

Veamos entonces esta API para obtener la IP pública. Te voy a mostrar un ejemplo para obtenerla con JavaScript del lado del cliente, pero se puede consumir desde cualquier lenguaje que hable HTTP.

(más…)

Autocompletado con Bootstrap, Vue y API

En este post  te mostraré cómo hacer un autocompletado, autocomplete, auto completado o como le llames usando Bootstrap, Vue y una API.

De modo que al final (por si no sabes lo que es un autocompletado) se cuente con una caja en donde se complete mientras el usuario escribe, así como la búsqueda de Google.

Te mostraré dos ejemplos, uno en donde los resultados se completan localmente, y otro en donde se hace una búsqueda para traer los resultados de la API en tiempo real. Voy a dejar el código completo al final.

Nota: si buscas un autocompletado con JavaScript puro, mira Awesomplete.

(más…)

API REST con autenticación en Laravel

En este tutorial te voy a mostrar cómo crear una API REST en Laravel usando Laravel Passport. Gracias a esto podrás exponer tu API y consumirla con JavaScript (para una app web del lado del cliente) o con una app móvil y cualquier lenguaje que hable HTTP con JSON.

Lo interesante es que además de configurar una API JSON en Laravel, vas a aprender cómo agregar autenticación; de este modo los usuarios podrán iniciar sesión, recibir un token y luego usarlo para realizar las otras operaciones.

Verás que es muy sencillo. Al final del post colocaré unas pruebas de consumo de la API con Postman.

(más…)

Comandos de voz en la web con JavaScript y Annyang - Demostración

Comandos de voz en la web con JavaScript y Annyang

Resumen: mostrar cómo controlar elementos en una página web usando la voz; es decir, implementar el reconocimiento de voz con JS para definir comandos de voz y ejecutar acciones (enviar un correo, mostrar un reporte, mostrar una gráfica, escribir texto) dependiendo de la acción.

Para el reconocimiento de acciones de voz en la web (o mejor dicho, en el navegador con JavaScript) vamos a usar la librería annyang que internamente utiliza la API de speech recognition.

Puedes ver lo que construiremos al final en este enlace.

(más…)

Reconocimiento de voz con JavaScript y webkitSpeechRecognition - Dictado por voz

Reconocimiento de voz en la web

Resumen: mostrar cómo usar la API de reconocimiento de voz (webkitSpeechRecognition) con JavaScript, de tal manera que el navegador pueda entender nuestra voz y pueda transcribirla (es decir, convertir voz a texto).

Me emociona hacer otro tutorial sobre las API de JS. Ya vimos cómo tomar una foto, grabar un vídeo, grabar audio o convertir texto a voz.

Ahora voy a mostrarte cómo usar el reconocimiento de voz en la web con JavaScript, de una manera fácil.

(más…)

Obtener Token de shortzon.com para consumir API

API de Shortzon con PHP

Para terminar una serie de posts sobre acortadores con PHP voy a exponer cómo acortar enlaces usando la API de shortzon.com.

En caso de que no lo sepas, shortzon.com permite acortar enlaces y ganar dinero cada que alguien los visita y salta la publicidad.

Hoy veremos cómo consumir la API que ofrece usando PHP, para integrarla en cualquier sistema.

(más…)

Obtener token de shrinkme.io para acortar con PHP

Shrinkme.io con PHP: consumo de API

En este post veremos cómo consumir la API del acortador shrinkme.io usando PHP.

Por si no lo sabes, la web de shrinkme.io es una web de acortadores, es decir, te registras, acortas un enlace, lo compartes y ganas dinero cada que alguien lo visita y salta la publicidad.

En fin, no vamos a ver las ventajas o desventajas de shrinkme.io; vamos a ver cómo acortar enlaces de este servicio usando la API que ofrecen, haciendo el consumo desde PHP.

(más…)

Token de API para Acortar enlace con shorte.st y PHP

Acortar enlace con shorte.st y PHP

En este post te voy a enseñar a acortar enlace con shorte.st y PHP o mejor dicho, consumir la API del sitio web shorte.st utilizando PHP. El sitio shorte.st es un sitio web de acortadores, que paga cuando alguien visita tus enlaces.

No voy a entrar en detalles, pues si estás aquí es porque quieres saber cómo acortar un enlace con shorte.st usando PHP; que es justo lo que veremos hoy.

(más…)

Demostración de reCAPTCHA v2 con PHP

reCAPTCHA v2 con PHP – Ejemplo de integración

Integrar reCAPTCHA v2 con PHP en formulario

En este post te enseñaré a integrar el servicio llamado reCAPTCHA v2 con PHP, el cual es un simple captcha o checkbox de “no soy un robot” en un formulario HTML.

También te enseñaré a verificarlo con PHP del lado del servidor.

El servicio que vamos a integrar es reCAPTCHA v2, el cual funciona en varios lenguajes de servidor, pues se consume usando HTTP; hoy veremos cómo hacerlo en PHP.

Veremos un ejemplo del formulario y de la comprobación en el lado del servidor.

También dejaré una demostración. Al final tendremos algo como lo del gif:

Demostración de reCAPTCHA v2 con PHP

Formulario de Bootstrap 4 con reCAPTCHA v2 y PHP

(más…)

Enviar JSON con PHP

Petición HTTP con PHP – enviar JSON y formulario

Hacer petición HTTP POST en PHP

En este post te mostraré a usar PHP para hacer una petición a través de HTTP usando el método POST. Veremos cómo enviar datos de formulario y cómo enviar JSON.

Normalmente PHP se utiliza como servidor para servir y atender peticiones, pero de igual forma se puede usar como cliente para consumir otros servicios.

Por poner un ejemplo, me viene a la mente aquella ocasión en la que acortamos enlaces con coinhive.

Las funciones que veremos son:

  1. http_build_query
  2. stream_context_create
  3. file_get_contents
  4. json_encode

Verás que será muy sencillo. Las peticiones serán hechas a httpbin.org, un sitio que sirve como espejo para indicar lo que le enviamos, perfecto para probar.

(más…)

Por parzibyte, hace