Primero busco una cotización aleatoria de una API pública. Solo DESPUÉS de que tengo una cotización, quiero mostrar la página que incluye esa cotización.
Soy un novato en JavaScript, así que tengan paciencia conmigo si esta es una pregunta estúpida.
Estaba luchando por esperar a que regresara la llamada api ANTES de continuar con la representación de la página. Quería hacer lo siguiente, pero esto no funciona porque se llamará a res.render antes de que tenga una cotización. (nota: estoy usando Express y Axios)
async function getRandomQuote() { try { const res = await axios.get("https://api.quotable.io/random?tags=famous-quotes") console.log(`${res.data.content} - ${res.data.author}`) //This prints fine return res.data } catch(e) { console.log('error', e) } } app.get('/', (req, res) => { const quote = getRandomQuote() console.log(`${quote.content} - ${quote.author}`) //This prints 'undefined' because 'getRandomQuote' isn't finished yet res.render('home', { quote }) })La única forma en que descubrí hacerlo es la siguiente, pero me parece realmente complicado. ¿Hay una manera más limpia de hacer esto? ¿O siempre necesito poner todas las líneas de código que quiero que se esperen entre sí en una función asíncrona?
async function getRandomQuote() { try { const res = await axios.get("https://api.quotable.io/random?tags=famous-quotes") console.log(`${res.data.content} - ${res.data.author}`) //This prints fine return res.data } catch(e) { console.log('error', e) } } app.get('/', (req, res) => { const getQuoteAndRender = async() => { const quote = await getRandomQuote() console.log(`${quote.content} - ${quote.author}`) //This prints only if I wrap everything in yet another aync function, otherwise it will not wait for 'getRandomQuote' to complete res.render('home', { quote }) } getQuoteAndRender() })(Nota: me doy cuenta de que renderizar la página después de obtener una cotización con éxito tampoco es ideal porque esto significa que no obtendré una página en absoluto si la API de cotización (por alguna razón) no funciona. Pero por ahora solo quiero saber cómo hacer esto con la espera.)
Esto es lo que tienes que hacer. Haga que su controlador sea async haciendo esto app.get('/', async (req, res)
app.get('/', async (req, res) => { const quote = await getRandomQuote() console.log(`${quote.content} - ${quote.author}`) //This prints 'undefined' because 'getRandomQuote' isn't finished yet res.render('home', { quote }) })Prueba esto:
getRandomQuote() .then(quote => { console.log(`${quote.content} - ${quote.author}`) res.render('home', { quote }) });