YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Portuguese, Brazilian subtitles

← 03-32 Utilizando a Interface de Usuário Web

Get Embed Code
4 Languages

Showing Revision 3 created 09/29/2014 by Fran Ontanaya.

  1. Você usou até aqui o Explorer do API
  2. para investigar e testar
    as funções em seus aplicativos.
  3. Você viu o getProfile, o saveProfile,
    mas o aplicativo Central de Conferências
  4. inclui uma completa
    interface de usuário web.
  5. Cada página da IU web envia chamadas aos
    pontos de extremidade do API no back-end.
  6. Conforme você implementa
    a funcionalidade back-end
  7. as páginas web no aplicativo
    começão a funcionar.
  8. Por enquanto, nem todas funcionam.
  9. Ou seja, se for até "Exibir Conferências",
    não encontrará nenhuma conferência.
  10. É por conta da implementação,
    porque você não programou
  11. para encontrar conferências.
    Mas, nesta lição, implementamos
  12. o código para obter e definir perfis.
  13. Então, a página "Meu Perfil" agora funciona.
  14. Vamos ver o que acontece
    se mudo meu perfil.
  15. Vou mudar meu tamanho de camiseta
    para... bem pequeno, extra pequeno
  16. mudar meu nome de exibição para Jocelyn B.
    e atualizar meu perfil.
  17. E o perfil foi atualizado.
    Excelente!
  18. Ao clicar no botão "Atualizar Perfil",
    o que ocorre é que, em segundo plano
  19. a página envia uma chamada para a função
    saveProfile do ponto de extremidade
  20. que você acabou de implementar.
  21. O objetivo deste curso é ensinar você a
    desenvolver aplicativos no App Engine
  22. e não ensinar JavaScript.
  23. Porém, quero destacar o código
  24. que faz a chamada para
    getProfile e saveProfile.
  25. Aqui estamos no Eclipse.
    Você vai encontrar o código
  26. para as páginas web ou IU web
    em SRC, web app
  27. e vai ver que existe a pasta CSS,
    a pasta de fontes, a IMG
  28. index.html e
    uma pasta JS para JavaScript.
  29. Há ainda isso chamado de parciais,
    que são as páginas HTML.
  30. A primeira coisa que quero olhar
    é controllers.js
  31. pois contém o código que chama os métodos
    getProfile e saveProfile.
  32. Vamos dar uma olhada no getProfile.
  33. Aqui está o código que envia a chamada
  34. para a função getProfile
    do ponto de extremidade.
  35. E aqui você vê gapi.client
    para invocar a biblioetca-cliente.
  36. A seguir, conferência é o nome do API.
  37. A seguir, getProfile é o nome do método.
    Executamos novamente e, então
  38. aqui está o código para chamar quando
    a solicitação é executada com sucesso.
  39. Neste caso, vemos que
    o código está alinhado bem aqui.
  40. Não está em uma função separada.
    Esse é o retorno de chamada a chamar
  41. quando a chamada para getProfile
    for bem-sucedida.
  42. Vejamos o saveProfile.
    Farei uma busca.
  43. E aqui está.
  44. Quero destacar novamente,
    aqui está a chamada para gapi.client
  45. e, então, conference, que é
    o nome dos pontos de extremidade
  46. e, então, saveProfile,
    que é o método para chamar.
  47. Neste caso, estamos passando
    em um só argumento.
  48. Chamamos execute
    para executar a solicitação.
  49. E, novamente, aqui está a chamada.
  50. Aqui está o código para executar no
    retorno de chamada
  51. que é chamado quando saveProfile
    é concluído com sucesso.
  52. Se saveProfile for concluído com sucesso.
  53. Isso é tudo que eu queria destacar aqui.
    Não vou detalhar o resto do código IU.
  54. Só queria mostrar o gancho em que o
    JavaScript emite a chamada
  55. para as funções dos pontos de extremidade.
  56. Avançando no curso, você implementará
    as funções de pontos de extremidade.
  57. E eu queria que você soubesse como
    elas são chamadas a partir da IU.