Upgrade to Pro — share decks privately, control downloads, hide ads and more …

API's para principiantes

Ignacio
March 06, 2019

API's para principiantes

Introducción a las API's para no programadores

Ignacio

March 06, 2019
Tweet

More Decks by Ignacio

Other Decks in Programming

Transcript

  1. (Para principiantes)
    API’s
    Le Wagon 21.06.2018

    View Slide

  2. Le Wagon 21.06.2018
    Application
    Programming
    Interface

    View Slide

  3. Le Wagon 21.06.2018
    Una Interfaz…
    Usada por Programas para interactuar…
    Con una Aplicación

    View Slide

  4. Aplicación
    el teléfono es la
    aplicación
    Le Wagon 21.06.2018

    View Slide

  5. Interfaz de (usuario)
    Lo que usas para
    interactuar con la aplicación
    Le Wagon 21.06.2018

    View Slide

  6. Programa
    Le Wagon 21.06.2018
    ✅ ❌

    View Slide

  7. Le Wagon 21.06.2018
    Como humanos no
    interactuamos
    directamente con las API’s

    View Slide

  8. Desarrolladores
    Le Wagon 21.06.2018
    Escriben el código para
    interactuar con la API

    View Slide

  9. Plomería
    Le Wagon 21.06.2018
    El trabajo muchas veces es
    conectar diferentes API’s
    para hacer un nuevo
    producto

    View Slide

  10. Le Wagon 21.06.2018
    Las API’s exponen algo que es útil
    exponen

    View Slide

  11. API
    ¿Qué expone esta?
    Le Wagon 21.06.2018

    View Slide

  12. Le Wagon 21.06.2018
    Los desarrolladores
    Escriben programas
    Que consumen API’s

    View Slide

  13. Consumiendo la API
    Le Wagon 21.06.2018

    View Slide

  14. Le Wagon 21.06.2018
    API’s web

    View Slide

  15. Le Wagon 21.06.2018

    View Slide

  16. Google Maps API
    Le Wagon 21.06.2018

    View Slide

  17. Airbnb
    Le Wagon 21.06.2018

    View Slide

  18. Twilio API
    Le Wagon 21.06.2018

    View Slide

  19. Uber
    Le Wagon 21.06.2018

    View Slide

  20. Le Wagon 21.06.2018
    Un ejemplo…
    Como desarrollador…

    View Slide

  21. Le Wagon 21.06.2018
    Necesito las coordenadas
    GPS de los lugares que
    vayan a tener eventos para
    mostrarlos en un mapa

    View Slide

  22. Le Wagon 21.06.2018
    El administrador de contenido de
    Timeout no sabe las coordenadas,
    solo la dirección

    View Slide

  23. Le Wagon 21.06.2018
    El administrador de contenido de
    Timeout no va a ingresar
    coordenadas manualmente

    View Slide

  24. Le Wagon 21.06.2018
    Hay un API para eso

    View Slide

  25. Le Wagon 21.06.2018
    Google Geocoding API
    http://developers.google.com/maps/documentation/geocoding/

    View Slide

  26. Le Wagon 21.06.2018
    esto es un JSON
    Campeche 233

    View Slide

  27. Le Wagon 21.06.2018
    ¿Cómo funciona?

    View Slide

  28. Le Wagon 21.06.2018
    La llamada al API es un request
    HTTP

    View Slide

  29. Le Wagon 21.06.2018
    http://api.football-data.org/v2/competitions
    http://maps.googleapis.com/maps/api/geocode/
    json?address=Campeche%20233


    View Slide

  30. Le Wagon 21.06.2018

    View Slide

  31. Le Wagon 21.06.2018

    View Slide

  32. Le Wagon 21.06.2018
    Admin Contenido
    Admin Contenido agrega evento
    Forma con el nombre y dirección
    Coordenadas GPS?
    Nombre, dirección, lat, lng a BD
    lat lng
    Mostrar lugar con las coordenadas listas
    Admin Contenido

    View Slide

  33. Le Wagon 21.06.2018
    El servidor de Timeout hizo la
    llamada a la API.
    No tu o tu navegador

    View Slide

  34. Le Wagon 21.06.2018
    Las API’s se consumen por
    programas
    (NO por humanos)

    View Slide

  35. Le Wagon 21.06.2018
    ¿Terminamos?

    View Slide

  36. Le Wagon 21.06.2018

    Coordenadas crudas

    View Slide

  37. Le Wagon 21.06.2018
    El desarrollador debería
    implementar la API de MAPAS de
    Google

    View Slide

  38. Le Wagon 21.06.2018
    Más código

    View Slide

  39. Le Wagon 21.06.2018
    Necesito que la app mande
    mensajes de texto si un
    evento es cancelado

    View Slide

  40. Le Wagon 21.06.2018
    1. Ingresa a Twilio

    View Slide

  41. Le Wagon 21.06.2018
    2. Toma las credenciales

    View Slide

  42. Le Wagon 21.06.2018
    3. Escribe algo de Ruby

    View Slide

  43. Le Wagon 21.06.2018
    4. Corre el código

    View Slide

  44. Le Wagon 21.06.2018
    Enviaste un texto!

    View Slide

  45. Le Wagon 21.06.2018
    WEBHOOKS
    (API-1)

    View Slide

  46. View Slide

  47. Le Wagon 21.06.2018
    Cada 10 segundos llama al API
    para obtener una lista de los
    asistentes al meetup

    View Slide

  48. Le Wagon 21.06.2018
    Principio de Hollywood.
    No nos llames, te llamamos

    View Slide

  49. Le Wagon 21.06.2018
    Meetup por favor llama a mi servidor
    tan pronto haya un nuevo miembro
    Webhooks

    View Slide

  50. Le Wagon 21.06.2018
    myapp.com/miembros_rsvpd
    Para las solicitudes que nos manden

    View Slide

  51. Le Wagon 21.06.2018
    Webhook VS llamada de API

    View Slide

  52. Le Wagon 21.06.2018
    Otro ejemplo…

    View Slide

  53. Le Wagon 21.06.2018
    Typeform para capturar leads/prospectos
    Administración de leads
    Trello para mi equipo de ventas

    View Slide

  54. Le Wagon 21.06.2018
    Servicio A EMPUJA información
    tan pronto esté disponible
    WEBHOOK
    Servicio B EXPONE métodos para
    leer, crear o actualizar información
    API

    View Slide

  55. Le Wagon 21.06.2018
    Typeform empuja las entradas
    tan pronto sean creadas
    WEBHOOK
    Trello expone métodos para crear
    nuevas cards
    API

    View Slide

  56. Zapier.com
    Conecta las Apps que
    usas y saca provecho
    a tu información
    Le Wagon 27.02.2019

    View Slide

  57. Zaps!
    Le Wagon 21.06.2018

    View Slide

  58. Le Wagon 21.06.2018
    DEMO

    View Slide

  59. Le Wagon 21.06.2018
    Cuando alcancen el límite en
    Zapier, vengan a aprender a
    programar a Le Wagon!

    View Slide

  60. Le Wagon 21.06.2018
    Muchas gracias.
    @ignacioaal

    View Slide