Una página es texto
Parte de la sección Conceptos básicos de Express del Journey de Node.js de Coddy. Lección 8 de 23.
Un navegador dibuja una cadena HTML como una página. Las etiquetas dan estructura al texto: <h1> es un encabezado, <ul> una lista y <li> un elemento. Una etiqueta de cierre termina cada parte.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;Las cadenas de plantilla usan acentos graves para insertar valores. map construye un arreglo de cadenas de elementos; join('') las combina sin comas. En este ejercicio, el servidor devuelve el HTML dentro de JSON para que puedas inspeccionar las etiquetas exactas. La función proporcionada recibe un encabezado y un arreglo de elementos. A continuación, veremos cómo escapar el texto insertado.
Desafío
FácilEdita exercise.js. El servidor pasa un objeto que contiene title y un arreglo items. Devuelve un único campo html: un encabezado seguido de una lista, con un elemento por cada cadena. Conserva el orden original de los elementos y no pongas comas entre ellos.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}Prueba «Ejecutar»: el ejemplo GET proporcionado genera la respuesta anterior. Envía GET /result?title=Lunch&item=Rice&item=Beans para obtener un encabezado y una lista diferentes. Los valores de la consulta se convierten en la entrada proporcionada a la función.
El servidor llama a tu función de ejercicio con un título y un arreglo items. Repetir item= en la consulta proporciona varios elementos. Mantén seleccionado el método GET e introduce solo la ruta en el cuadro de solicitud.
Pruébalo tú mismo
export function exercise({ title, items }) {
return { html: title };
}
Todas las lecciones de Conceptos básicos de Express
2Respuestas
Respuestas JSON
Códigos de estadoUna página es textoTexto dentro de HTMLPáginas HTMLArchivos estáticosRedireccionesPractica por tu cuenta: Playground de Express