HTML

Peticions HTTP

Ara construiràs incrementalment una aplicació de Gestor de Tasques amb la següent funcionalitat:

• Veure totes les tasques disponibles en una taula HTML.
• Veure les tasques per prioritat i nom, també en HTML.
• Afegir tasques addicionals mitjançant un formulari HTML.

Mostrar contingut HTML estàtic

En la primera iteració afegiràs una nova ruta a la teva aplicació que retornarà contingut HTML estàtic.

1. Obre el fitxer Routing.kt dins la carpeta src/main/kotlin/dev/xtes/plugins.

2. Modifica la funció Application.configureRouting(), creating a new route for the URL /tasks and the GET request type:

fun Application.configureRouting() {
    routing {

        get("/") {
            call.respondText("Hello World!")
        }

        get("/tasks") {
            call.respondText(
                contentType = io.ktor.http.ContentType.Text.Html,
                text = """
                    <h1>TODO</h1>
                    <ol>
                        <li>A table of all the tasks</li>
                        <li>A form to submit new tasks</li>
                    </ol>
                """.trimIndent()
            )
        }
    }
}

Una petició GET és el tipus de petició més bàsic en HTTP. S’activa quan l’usuari escriu a la barra d’adreces del navegador o fa clic en un enllaç HTML normal.

De moment només estàs retornant contingut estàtic. Per notificar al client que enviaràs HTML, has de configurar la capçalera HTTP Content Type a “text/html”.

3. Navega a http://0.0.0.0:8080/tasks al teu navegador. Hauries de veure la llista de tasques mostrada:

###] Implementar un model de tasques

Segueix amb el tutorial: Implement a Task Model

Test connexió HTTP

Idea - HTTP Client

Routing

• Routing