Continuando nossos artigos com APIs do Google, venho apresentar um projeto com Quasar Framework e a API Cloud Vision, mais conhecida como Google Vision. De acordo com a própria documentação:
Com a API Cloud Vision, os desenvolvedores integram facilmente os recursos de detecção de visão nos aplicativos. Isso inclui aplicação de rótulos de imagens, detecção de rostos e pontos de referência, reconhecimento óptico de caracteres (OCR, na sigla em inglês) e tags em conteúdo explícito.
De todos os OCR (Optical Character Recognition) que utilizei, este foi o que obteve o maior percentual de acerto ao extrair texto de fotos com sombra e outras poluições visuais. Para utilizá-lo, é necessário ativar o faturamento do projeto contendo a API Cloud Vision no Google Cloud Platform (o ambiente de computação em nuvem da Google) e baixar as credenciais necessárias.
Como de praxe, baixe o exemplo completo do meu Github.
Tecnologias
As tecnologias envolvidas nesse tutorial são:
Google Cloud Platform
Acesse o Google Cloud Platform por este link e crie um novo projeto:
Dê um nome ao projeto em clique em “CRIAR”:
Vincule o projeto a uma conta de faturamento. Siga as instruções neste link:
No painel de APIs e serviços, clique no botão indicado:
Pesquise por Cloud Vision API e ative-a:
Crie credenciais do tipo Conta de Serviço:
Selecione a Cloud Vision API e desmarque a opção sugerindo o uso do App Engine ou do Compute Engine:
Dê um nome à conta de serviço, selecione o papel Proprietário do projeto, marque a opção JSON para o tipo de chave e pressione em “Continuar”:
Baixe o arquivo contendo as credenciais:
NodeJS API
Hora de configurar a API em NodeJS. Muito simples.
Renomeie o arquivo com a credenciais para “credentials.json” e o coloque na raiz do projeto “node”:
Abra o terminal e baixe os pacotes:
npm install
Rode a API:
node .
Iniciando um projeto projeto Quasar
Agora vamos testar a aplicação.
Abra o terminal dentro da pasta “quasar” e baixe os pacotes:
npm install
Rodando aplicação Quasar
quasar dev
Na tela principal, clique em “Choose File”:
Selecione uma imagem e pressione em “Upload”:
Se a Cloud Vision API detectar texto na imagem, ele será extraído e enviado ao aplicativo:
Isso conclui nosso tutorial.
Até a próxima!