Agregue datos de búsqueda en tiempo real a una aplicación con codificación vibratoria ingresando una clave API, escribiendo una única llamada de recuperación, analizando la respuesta JSON y representando los resultados en su interfaz de usuario. Las aplicaciones Vibecoded se crean rápidamente con asistencia de IA, pero a menudo carecen de datos en tiempo real porque conectar API externas se siente como un cambio de contexto del flujo de codificación Vibe. La integración de la API de búsqueda tarda menos de 5 minutos y le brinda a su aplicación acceso a datos de Google, Amazon, YouTube, Reddit y Walmart a través de un punto final. Sin OAuth, sin SDK, sin configuración compleja.
Requisitos previos
- Una aplicación vibecodificada (React, Next.js, Svelte o cualquier marco JS)
- Una clave API de Scavio de scavio.dev
- Conocimientos básicos de JavaScript/Python
- 5 minutos
Guia paso a paso
Paso 1: Agregue su clave API
Guarde la clave API de Scavio en su entorno o configuración. Nunca codifique claves API en el código del lado del cliente.
Python
import os
# In .env file: SCAVIO_API_KEY=your_key_here
# In Python:
API_KEY = os.environ['SCAVIO_API_KEY']
# In Next.js: .env.local
# SCAVIO_API_KEY=your_key_here
# Access via: process.env.SCAVIO_API_KEY (server-side only)
# Verify the key works:
import requests
resp = requests.post('https://api.scavio.dev/api/v1/search',
headers={'x-api-key': API_KEY},
json={'platform': 'google', 'query': 'test'}, timeout=10)
print(f'API status: {resp.status_code}')
print(f'Results: {len(resp.json().get("organic_results", []))}')Paso 2: Escribe la llamada de recuperación
Una función que busca en cualquier plataforma. Copie esto en su aplicación.
Python
import requests, os
API_KEY = os.environ['SCAVIO_API_KEY']
def search(query: str, platform: str = 'google') -> list:
"""Search any platform. Returns list of results."""
resp = requests.post('https://api.scavio.dev/api/v1/search',
headers={'x-api-key': API_KEY},
json={'platform': platform, 'query': query}, timeout=10)
return resp.json().get('organic_results', [])
# That's it. Use it:
results = search('best python libraries 2026')
print(f'{len(results)} results')
# Search Amazon:
products = search('wireless earbuds', 'amazon')
print(f'{len(products)} products')
# Search YouTube:
videos = search('python tutorial', 'youtube')
print(f'{len(videos)} videos')Paso 3: Analizar la respuesta
Extraiga los campos que necesita de los resultados. Cada resultado tiene título, enlace y fragmento como mínimo.
Python
def display_results(results: list, limit: int = 5) -> list:
"""Format results for your UI."""
formatted = []
for r in results[:limit]:
formatted.append({
'title': r.get('title', ''),
'url': r.get('link', ''),
'description': r.get('snippet', ''),
'price': r.get('price', ''), # Amazon/Walmart
'rating': r.get('rating', ''), # Amazon/Walmart
'thumbnail': r.get('thumbnail', ''), # YouTube
})
return formatted
# Google results
google = display_results(search('best CRM 2026'))
for r in google:
print(f"{r['title']}: {r['description'][:80]}")
# Amazon products
amazon = display_results(search('laptop stand', 'amazon'))
for r in amazon:
print(f"{r['title'][:40]}: {r['price']}")Paso 4: Mostrar en su interfaz de usuario
Renderiza los resultados en tu aplicación. Aquí hay patrones para React, Svelte y HTML simple.
Python
# Python Flask/FastAPI backend route example:
# @app.get('/api/search')
# async def api_search(q: str, platform: str = 'google'):
# return {'results': display_results(search(q, platform))}
# For a Python CLI app:
def interactive_search():
print('Search powered by Scavio API')
print('Platforms: google, amazon, youtube, walmart, reddit\n')
query = 'best project management tool 2026'
platform = 'google'
results = display_results(search(query, platform))
print(f'\nResults for "{query}" on {platform}:\n')
for i, r in enumerate(results, 1):
print(f'{i}. {r["title"]}')
if r['description']:
print(f' {r["description"][:100]}')
if r['price']:
print(f' Price: {r["price"]}')
print(f' {r["url"]}')
print()
interactive_search()Paso 5: Prueba de extremo a extremo
Verifique que la integración funcione en todas las plataformas.
Python
def test_integration():
platforms = {
'google': 'best python framework 2026',
'amazon': 'mechanical keyboard',
'youtube': 'python tutorial beginners',
'walmart': 'office chair',
'reddit': 'best IDE for python',
}
for platform, query in platforms.items():
results = search(query, platform)
print(f'{platform}: {len(results)} results for "{query}"')
if results:
print(f' Top: {results[0].get("title", "")[:50]}')
print('\nAll platforms working.')
test_integration()Ejemplo en Python
Python
import requests, os
H = {'x-api-key': os.environ['SCAVIO_API_KEY']}
def search(query, platform='google'):
data = requests.post('https://api.scavio.dev/api/v1/search', headers=H,
json={'platform': platform, 'query': query}).json()
return [{'title': r['title'], 'url': r.get('link', ''), 'snippet': r.get('snippet', '')}
for r in data.get('organic_results', [])[:5]]
# Drop this into any vibecoded app:
print(search('best CRM 2026'))Ejemplo en JavaScript
JavaScript
// Drop this into any vibecoded app:
const SCAVIO_KEY = process.env.SCAVIO_API_KEY;
async function search(query, platform = 'google') {
const r = await fetch('https://api.scavio.dev/api/v1/search', {
method: 'POST',
headers: {'x-api-key': SCAVIO_KEY, 'Content-Type': 'application/json'},
body: JSON.stringify({platform, query})
});
return ((await r.json()).organic_results || []).slice(0, 5)
.map(r => ({title: r.title, url: r.link, snippet: r.snippet}));
}
search('best CRM 2026').then(console.log);Salida esperada
JSON
A vibecoded app with real-time search data from Google, Amazon, YouTube, Reddit, and Walmart through a single API integration that took under 5 minutes.