Automatize a Busca de Logos de Empresas com Rowy e BrandFetch API

Introdução: Simplificando a Obtenção de Logos para Seus Projetos Web

No desenvolvimento de aplicações web e websites, a necessidade de exibir logos de empresas parceiras, clientes ou integrações é uma tarefa comum. No entanto, buscar, baixar e gerenciar esses logos manualmente pode ser um processo demorado e propenso a erros. Felizmente, ferramentas como Rowy, uma plataforma low-code para back-ends baseada em Firebase, em conjunto com a BrandFetch API, oferecem uma solução elegante e automatizada para este desafio.

Este artigo explora como você pode utilizar a integração entre Rowy e BrandFetch API para recuperar logos de empresas de forma eficiente, conectando-os diretamente ao banco de dados da sua aplicação.

O que é Rowy e BrandFetch API?

Rowy: Seu Backend Low-Code Conectado ao Firebase

Rowy transforma seu banco de dados Firestore em uma interface semelhante a uma planilha, permitindo que você gerencie dados, crie lógica de back-end com Cloud Functions low-code e integre com serviços de terceiros facilmente. É uma ferramenta poderosa para desenvolvedores que buscam agilidade sem abrir mão da flexibilidade.

BrandFetch API: Acesso Instantâneo a Logos de Marcas

A BrandFetch API é um serviço que permite aos desenvolvedores buscar e recuperar informações de marcas, incluindo logos, cores, fontes e mais, diretamente a partir do domínio de uma empresa. Isso elimina a necessidade de procurar manualmente por esses ativos visuais.

Configurando o Rowy para Buscar Logos com a BrandFetch API

O processo de integração é direto e envolve a configuração de colunas específicas na sua tabela Rowy. Vamos ao passo a passo, inspirado na demonstração visual de como essa funcionalidade pode ser implementada.

Passo 1: Criando a Coluna de Entrada para Nomes de Empresas no Rowy

Primeiramente, você precisará de uma coluna para inserir o nome da empresa ou, mais precisamente, o domínio da empresa (ex: google.com). No Rowy:

1. Adicione uma nova coluna à sua tabela.
2. Configure esta coluna como do tipo "Short Text" (Texto Curto).
3. Nomeie a coluna de forma intuitiva, por exemplo, "Empresa" ou "DominioEmpresa".

Passo 2: Adicionando a Coluna Derivada para o Logo da Empresa no Rowy

A mágica acontece na coluna derivada. Esta coluna utilizará um script para chamar a BrandFetch API e exibir o logo.

1. Adicione outra coluna.
2. Escolha o tipo "Derivative" (Derivada). Este tipo de coluna permite executar código personalizado.
3. Nomeie esta coluna, por exemplo, "LogoEmpresa".

Passo 3: Configurando o Script da Coluna Derivada com a BrandFetch API

Ao configurar a coluna derivada, você precisará definir alguns parâmetros:

1. Listener Fields (Campos de Escuta): Selecione a coluna "Empresa" (ou o nome que você deu no Passo 1). Isso significa que o script será executado sempre que o valor nesta coluna for alterado.
2. Output Field Type (Tipo de Campo de Saída): Defina como "Image" (Imagem), pois queremos que o resultado seja o logo.
3. Derivative Script (Script Derivado): Aqui você inserirá o código JavaScript que fará a chamada à BrandFetch API. O script, em essência, fará o seguinte:
   • Obterá o domínio da empresa da coluna "Empresa".
   • Fará uma requisição HTTP GET para o endpoint da BrandFetch API (ex: `https://api.brandfetch.io/v2/brands/SEU_DOMINIO_AQUI`), utilizando sua chave de API da BrandFetch (que pode ser armazenada como um segredo no Rowy para maior segurança).
   • Processará a resposta JSON da API para extrair a URL do logo.
   • Baixará a imagem do logo a partir da URL obtida.
   • Fará o upload dessa imagem para o Firebase Storage.
   • Retornará a referência da imagem armazenada para ser exibida na coluna "LogoEmpresa".

Após configurar o script, salve e deploy as alterações da Cloud Function associada a esta coluna derivada.

Passo 4: Testando a Recuperação de Logos no Rowy

Com tudo configurado:

1. Adicione uma nova linha na sua tabela Rowy.
2. Na coluna "Empresa", insira um domínio, como "google.com" ou "facebook.com".
3. Aguarde alguns instantes. A coluna "LogoEmpresa" deverá, automaticamente, exibir o logo da empresa correspondente.

Vantagens de Automatizar a Busca de Logos com Rowy e BrandFetch API

Utilizar esta abordagem oferece diversos benefícios:

• Automação e Eficiência: Elimina o trabalho manual de busca e upload de logos.
• Consistência: Garante que você está utilizando logos oficiais e atualizados, conforme disponibilizados pela BrandFetch.
• Integração Direta: Os logos são armazenados no Firebase Storage e referenciados diretamente no seu banco de dados Firestore, facilitando o uso em suas aplicações.
• Escalabilidade: Funciona bem para poucas ou muitas empresas, especialmente com a funcionalidade de importação em massa.

Importação em Massa de Logos no Rowy

Uma funcionalidade poderosa do Rowy é a capacidade de importar dados em massa, por exemplo, a partir de um arquivo CSV. Se você tem uma lista de domínios de empresas, pode importá-los para a coluna "Empresa". O Rowy processará cada linha, e a coluna derivada "LogoEmpresa" buscará e exibirá os logos para todas as entradas simultaneamente, economizando um tempo considerável.

Conclusão: Potencialize seu Desenvolvimento com Rowy

A integração do Rowy com a BrandFetch API é um excelente exemplo de como plataformas low-code podem simplificar tarefas complexas de desenvolvimento, permitindo que você se concentre na criação de valor para seus usuários. Ao automatizar a recuperação de logos, você não apenas economiza tempo, mas também melhora a qualidade e a consistência visual dos seus projetos web.

Para experimentar esta e outras funcionalidades, visite o playground ao vivo do Rowy e explore as possibilidades de otimizar seus fluxos de trabalho de desenvolvimento.