Return to Video

02-18 Agregar nuevas funciones endpoint

  • 0:00 - 0:06
    Veamos el código de este nuevo método
    greetByPeriod de la aplicación.
  • 0:06 - 0:09
    Aquí estoy en el endpoint
    de HelloWorld java,
  • 0:09 - 0:12
    he definido
    mi nueva función greetByPeriod.
  • 0:12 - 0:14
    Toma al argumento nombre,
  • 0:14 - 0:17
    y toma un argumento nominado periodo.
  • 0:17 - 0:22
    Y solo para variar,
    aunque el nombre sea @Named periodo,
  • 0:22 - 0:26
    llamo al argumento
    time of day (hora del día),
  • 0:26 - 0:30
    solo para mostrar
    que lo que está en @Named
  • 0:30 - 0:34
    es lo que se requiere especificar
    en la solicitud.
  • 0:34 - 0:38
    Y todo lo que hago aquí es retornar
    new HelloClass de nombre y hora del día.
  • 0:38 - 0:42
    La clase HelloClass,
    en realidad no tenía este constructor
  • 0:42 - 0:44
    así que lo agregué, es bastante simple.
  • 0:44 - 0:47
    Aquí está el nuevo constructor
    de HelloClass.
  • 0:47 - 0:50
    Se le pasa el nombre, el período,
    construye un nuevo mensaje,
  • 0:50 - 0:55
    bueno, esto sería por la mañana,
    digamos buenos días Lauren.
  • 0:55 - 0:58
    Buenos días Lauren. De acuerdo,
    veamos si funciona.
  • 0:58 - 1:01
    Voy a ejecutarlo
    en el servidor del dispositivo
  • 1:01 - 1:04
    guardo mis cambios,
    siempre es algo que es bueno hacer .
  • 1:04 - 1:07
    Bien, vamos al host local
    en el navegador
  • 1:07 - 1:10
    Y voy a ir directamente
    al explorador de API.
  • 1:10 - 1:12
    Oh vaya, apareció un error
    que nunca ocurre.
  • 1:12 - 1:17
    No se pudo recuperar
    configuraciones de API con el estado: 500
  • 1:17 - 1:20
    Bueno, primer instinto pánico,
  • 1:20 - 1:22
    segundo instinto
    vayamos a revisar el código.
  • 1:22 - 1:25
    Y como ven el error también aparece aquí,
  • 1:25 - 1:29
    No se pudo recuperar
    configuraciones de API.
  • 1:29 - 1:32
    Eso significa que hay algo erróneo
    en la función de endpoint.
  • 1:32 - 1:34
    Echemos un vistazo
    a los endpoints de HelloWorld,
  • 1:34 - 1:37
    greetByPeriod, todo se ve bien,
  • 1:37 - 1:40
    ¿cuál es el problema?
    Ajá, es un error de copiado y pegado
  • 1:40 - 1:42
    Vean aquí, un copiado y pegado
  • 1:42 - 1:45
    del método anterior sayHelloByName.
  • 1:45 - 1:49
    Y olvidé actualizar
    el nombre de la función.
  • 1:49 - 1:52
    Lo arreglaré rápidamente.
  • 1:52 - 1:55
    No se puede tener dos funciones
    expuestas con el mismo nombre.
  • 1:55 - 1:58
    En realidad es greetByPeriod.
    Lo guardamos.
  • 1:58 - 2:01
    Cuando se realizan cambios
    en el código de Java
  • 2:01 - 2:04
    y se guardan, encontraremos que
  • 2:04 - 2:08
    que los cambios se propagan
    automáticamente al localhost.
  • 2:08 - 2:11
    Vean que dice,
    "volviendo a cargar la aplicación web,
  • 2:11 - 2:14
    un archivo ha cambiado".
    Así que no necesito ejecutarlo de nuevo.
  • 2:14 - 2:17
    Me limitaré a ir
    directamente al host local,
  • 2:17 - 2:19
    vuelvo a cargar el Explorador de APIs.
  • 2:19 - 2:23
    Muy bien, esta vez funcionó.
    Ahora despliego mi API.
  • 2:23 - 2:31
    Aquí está mi nuevo greetByPeriod.
    Introduzco un nombre. Y es por la tarde
  • 2:31 - 2:33
    Luego observemos la respuesta.
  • 2:33 - 2:38
    Ahí está. Buenas tardes.
    Y luego Buenas tardes Buttercup,
  • 2:38 - 2:42
    porque Buttercup es el nombre que di.
    Otra cosa a tener en cuenta
  • 2:42 - 2:49
    es el código para index.html y hello.js.
    Echemos un rápido vistazo, index.html.
  • 2:49 - 2:54
    Realmente lo que hicimos fue añadir
    la nueva entrada para el campo periodo,
  • 2:54 - 2:59
    la nueva entrada para el campo periodo
    se llama period_field
  • 2:59 - 3:02
    y el nuevo botón para el nuevo saludo.
  • 3:02 - 3:06
    Y en Hello.js, en enableButtons
    necesitamos habilitar
  • 3:06 - 3:08
    la función para el nuevo botón.
  • 3:08 - 3:12
    Aquí está el nuevo botón,
    input greet by period.
  • 3:12 - 3:16
    Vamos a llamar a la función greetByPeriod.
    Vamos a actualizar la etiqueta del botón.
  • 3:16 - 3:19
    Ahora tenemos que definir greetByPeriod.
  • 3:19 - 3:21
    Y aquí está, es muy similar a greetByName.
  • 3:21 - 3:24
    Pero tenemos el campo nombre,
    obtenemos el valor del nombre
  • 3:24 - 3:26
    del HTML, obtenemos el período
  • 3:26 - 3:30
    del elemento de campo período.
  • 3:30 - 3:34
    Construimos el request.
    Aquí llamamos a la función greetByPeriod.
  • 3:34 - 3:36
    Y luego especificamos los argumentos.
  • 3:36 - 3:39
    Los argumentos son nombre y período.
  • 3:39 - 3:44
    Puesto que hemos llamado
    al argumento periodo, como period,
  • 3:44 - 3:47
    esto debe coincidir exactamente.
  • 3:47 - 3:51
    Luego lo ejecutamos e invocamos
    a sayHelloCallBack como antes.
  • 3:51 - 3:54
    Y de nuevo, se lanza
    un cuadro de diálogo de alerta
  • 3:54 - 3:56
    que nos muestre
    el mensaje de la respuesta.
  • 3:56 - 3:57
    Así que eso es todo.
Title:
02-18 Agregar nuevas funciones endpoint
Description:

02-18 Agregar nuevas funciones endpoint

more » « less
Video Language:
English
Team:
Udacity
Project:
UD859 - Developing Scalable Apps
Duration:
03:58

Spanish, Mexican subtitles

Revisions Compare revisions