Vamos criar uma integração de IA para um post no Blogger usando JavaScript e a API Gemini. O ponto mais importante, e que vai definir toda a arquitetura, é a **segurança da sua chave de API**.
### ⚠️ Aviso de Segurança Crítico: Nunca Exponha sua Chave no Frontend A documentação oficial do Google é clara: **não se deve colocar a chave da API Gemini diretamente no código JavaScript de uma página web** (o frontend). Qualquer pessoa que acessar o post pode abrir as ferramentas de desenvolvedor do navegador e extrair a chave. Com ela, um atacante pode fazer chamadas ilimitadas à sua conta, gerando custos e acessando seus dados. Por isso, a arquitetura correta e segura é usar um **"backend proxy"** (um servidor intermediário). O JavaScript no seu post do Blogger fará a chamada para o **seu servidor**, e este servidor, que guarda a chave em segurança, fará a chamada para a API Gemini. Abaixo, vamos construir exatamente essa solução. --- ### 🏗️ Arquitetura da Solução O fluxo funcionará assim: 1. **Frontend (Post do Blogger):** Um campo de texto e um botão. Ao clicar, o JavaScript envia a pergunta do usuário para o **seu backend**. 2. **Backend (Seu Servidor):** Re...