Hoy les vengo a compartir una API que aprendí a desarrollar gracias a un curso en Platzi. Te cuento un poco sobre que va la API.

Está desarrollada en VueJS, enteramente con JavaScript y básicamente lo que hacemos es utilizar la librería de Axios para realizar solicitudes HTTP. También consumimos la API de Google Cloud, específicamente el producto de Vision AI, el cual nos ayuda a analizar y categorizar imágenes haciendo uso de la inteligencia artificial de Google. Te comparto lo que dice Google:

La API Vision de Google Cloud ofrece modelos de aprendizaje automático preparados previamente y muy potentes a través de las API REST y RPC. Asigna etiquetas a imágenes y clasifícalas rápidamente en millones de categorías predefinidas. Detecta objetos y caras, lee texto impreso y manuscrito, y consigue metadatos de gran valor para tu catálogo de imágenes.

Como puedes ver, es una API REST, entonces lo que te vengo a compartir el día de hoy es justamente a cómo analizar imágenes con esta API, entonces, vamos a ello.

Requerimientos

    • NPM
    • Cuenta en Google Cloud
    • NodeJS
    • Conocimientos básicos en VueJS

Si requieres visitar el código fuente directamente lo puedes hacer a través del repositorio oficial en GitHub dando clic aquí.

Reconocimiento de imágenes con Google Vision

En menos de 5 minutos tendrás una API prefabricada que analizará el contenido de las imágenes que subas al sistema.

Pasos a seguir

1.- Clonar repositorio de GitHub

2.- Instalar dependencias npm

3.- Asignar un API Key de Firebase

Archivo a editar: src/main.js

Para este paso necesitarás crear una cuenta en Firebase y crear una app para almacenar los comentarios que se generen a través de Google Vision.

Este paso no lo explicaré, pero te puedes guiar en el siguiente tutorial: https://codelabs.developers.google.com/codelabs/polymer-firebase-pwa/index.html?index=..%2F..index#11

Una vez que hayas sacado tu API Key, renombra la variable config y asigna el objeto que generaste en tu cuenta de Firebase.

4.- Generar API Key Google Cloud

Necesitarás seguir otra guia para generar una API Key para autenticarse en Google Vision, puedes consultar la documentación oficial de Google en: https://cloud.google.com/vision/docs/auth?hl=es-419

Una vez que hayas generado tu API Key, necesitarás asignarla a tu aplicación.

Archivo a editar:  src/components/Home.vue (línea 58)

Necesitas editar YOUR API KEY por tu API Key.

Eso sería todo, no necesitas hacer nada más, ¿fácil no?.

5.- Correr servidor

Ahora necesitarás levantar un servidor con NodeJS, lo puedes hacer ejecutando el siguiente comando en la raíz del proyecto.

Nota importante: este proyecto solo ha sido desarrollado de forma sencilla y solo está pensada para fines de desarrollo ya que las claves de Google Cloud y las de Firebase son públicas debido a que no hemos hecho server-side-rendering, lo que agregaría una capa de seguridad a nuestra aplicación.

¿Te gustaría colaborar?, estaría interesante agregar funcionalidades a la API para mejorarla, si te gustaría colaborar o hacer algún otro proyecto, echame un mensaje que con gusto lo podemos hacer.

Si te ha gustado este artículo, no olvides dejar tu comentario o compartirlo en redes sociales, me ayudarías demasiado a seguir trayendo contenido de calidad y totalmente gratis al blog.