Integrações com IA
Lovable + brapi
Carregando conteúdo...
FOR LLMs: add .md to any documentation URL to get the page as Markdown. Example: /docs/acoes/dividendos.md. The index of all pages is at /llms.txt.
Carregando documentação...
Nesta página
Crie uma tela de cotações no Lovable com a API REST da brapi.
Adicione dados do mercado financeiro brasileiro a este app usando a API da brapi.
Fontes oficiais:
- REST: https://brapi.dev/api/v2
- OpenAPI: https://brapi.dev/openapi.json
- Dicionário de campos: https://brapi.dev/api/v2/dictionary
Requisitos:
- Crie uma função backend para chamar GET /api/v2/stocks/quote.
- Aceite uma lista de tickers em um parâmetro symbols separado por vírgulas.
- Comece com symbols=PETR4,VALE3.
- Use BRAPI_API_KEY como secret do backend para chamadas protegidas.
- Envie Authorization: Bearer ${BRAPI_API_KEY} quando o token existir.
- Permita um primeiro teste sem token com PETR4, VALE3, MGLU3 ou ITUB4.
- Mostre preço, variação, moeda, volume e a data do dado quando existirem.
- Mostre estados de carregamento, erro e resposta sem resultados.
- Preserve campos null. Não transforme null em zero.
- Nunca exponha BRAPI_API_KEY em código do navegador.
- Não crie recomendação de compra ou venda.
Antes de gerar o código, leia o OpenAPI para confirmar os parâmetros e a resposta.
Depois valide a chamada com PETR4.No projeto Lovable, adicione BRAPI_API_KEY nas variáveis secretas.
PETR4, VALE3, MGLU3 e ITUB4 funcionam sem token.
Cole o prompt no Lovable. Peça uma correção se o app chamar uma rota fora de
/api/v2 ou colocar o token em um componente cliente.
export async function getQuotes(symbols: string) {
const url = new URL("https://brapi.dev/api/v2/stocks/quote");
url.searchParams.set("symbols", symbols);
const response = await fetch(url, {
headers: process.env.BRAPI_API_KEY
? { Authorization: `Bearer ${process.env.BRAPI_API_KEY}` }
: undefined,
});
if (!response.ok) {
throw new Error(`brapi respondeu HTTP ${response.status}`);
}
return response.json();
}Mantenha esta função em uma edge function ou em outro código server-side.
Não coloque BRAPI_API_KEY em variáveis públicas, em componentes cliente ou em
chamadas feitas diretamente pelo navegador.