API's para principiantes

Introducción a las API's para no programadores

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