Integrações com IA
Bolt.new + brapi
Carregando conteúdo...
Nesta página
Crie uma tela de cotações no Bolt.new. Chame a brapi de uma rota de servidor.
Adicione dados do mercado financeiro brasileiro a este app usando a API REST da brapi.
Fontes oficiais:
- API v2: https://brapi.dev/api/v2
- OpenAPI: https://brapi.dev/openapi.json
- Dicionário de campos: https://brapi.dev/api/v2/dictionary
Requisitos:
- Crie uma rota server-side para GET /api/v2/stocks/quote.
- Passe os tickers pelo parâmetro symbols, separados por vírgulas.
- Comece a interface com PETR4, VALE3, MGLU3 e ITUB4.
- Use BRAPI_API_KEY em uma variável de ambiente do servidor.
- Envie Authorization: Bearer ${BRAPI_API_KEY} para chamadas protegidas.
- Faça o primeiro teste com PETR4 sem token.
- Mostre preço, variação, moeda, volume, data do dado e mensagens de erro.
- Leia o dicionário se um campo ou unidade não estiver claro.
- Preserve valores null e não invente propriedades.
- Nunca envie BRAPI_API_KEY para o cliente.
- Não gere recomendação de compra ou venda.
Leia o OpenAPI antes de implementar. Valide a rota com PETR4 e depois com PETR4,VALE3.No projeto Bolt.new, configure:
BRAPI_API_KEY=seu-tokenPETR4, VALE3, MGLU3 e ITUB4 funcionam sem token. Outros ativos e
endpoints precisam do token.
Cole o prompt no Bolt.new. Antes de publicar, confira que só a rota de servidor usa o token.
export async function fetchBrapiQuotes(symbols: string) {
const endpoint = new URL("https://brapi.dev/api/v2/stocks/quote");
endpoint.searchParams.set("symbols", symbols);
const headers: HeadersInit = {};
if (process.env.BRAPI_API_KEY) {
headers.Authorization = `Bearer ${process.env.BRAPI_API_KEY}`;
}
const response = await fetch(endpoint, { headers });
const body = await response.json();
if (!response.ok) {
throw new Error(body?.message ?? `HTTP ${response.status}`);
}
return body;
}O código executado no navegador pode ser inspecionado pelo usuário. Faça todas as chamadas que usam token em uma rota de servidor.