SlideShare ist ein Scribd-Unternehmen logo
1 von 38
#WCZGZ @atowersg
La guía WP REST API para
no desarrolladores
Antonio Torres
#WCZGZ @atowersg
WHOAMI
#WCZGZ @atowersg
¿Que es una API?
Aplication
Programming
Interface
Es una “llave de acceso” a funciones que podemos utilizar de un servicio provisto
por un tercero, dentro de nuestra propia aplicación, de manera segura y confiable.
#WCZGZ @atowersg
#WCZGZ @atowersg
#WCZGZ @atowersg
Antes y después de aparecer la API
#WCZGZ @atowersg
Usuario realiza una petición
#WCZGZ @atowersg
Nuestra API de comunicación
#WCZGZ @atowersg
Nuestra API de comunicación
#WCZGZ @atowersg
Recurso solicitado
#WCZGZ @atowersg
La API nos devuelve el recurso solicitado
#WCZGZ @atowersg
¿No está claro?
OTRO EJEMPLO
#WCZGZ @atowersg
Usuario realiza la petición
#WCZGZ @atowersg
Nuestra API de comunicación
#WCZGZ @atowersg
Recurso solicitado
#WCZGZ @atowersg
La API nos devuelve el recurso solicitado
#WCZGZ @atowersg
¿Que es la REST API?
Representational
State
Transfer
REST define cualquier interfaz entre sistemas que utilice directamente HTTP para
obtener datos o indicar la ejecución de operaciones sobre los datos, en cualquier
formato (XML, JSON, etc) sin las abstracciones adicionales de los protocolos basados
en patrones de intercambio de mensajes, como por ejemplo SOAP
#WCZGZ @atowersg
HTTP
#WCZGZ @atowersg
HTTPS
#WCZGZ @atowersg
Operaciones REST
HTTP en sí define un conjunto pequeño de operaciones, las más importantes son:
POST, GET, PUT y DELETE
CREAR, LEER, ACTUALIZAR y BORRAR
#WCZGZ @atowersg
Estándar JSON
JSON es la abreviatura de JavaScript Object Notation. El nombre describe un formato
de intercambio de datos basado en Lenguaje de programación de JavaScript.
Lo especial de JSON es que es amigable tanto para los humanos como para las
máquinas. Los desarrolladores pueden leer y escribir como un lenguaje de
programación normal y es fácil de analizar y generado por computadoras.
#WCZGZ @atowersg
Ventajas de JSON
Una de sus principales ventajas es que la mayoría los lenguajes de programación ya
tienen codificadores y decodificadores para convertir su estructura de datos a JSON y
viceversa. Eso significa una interfaz JSON puede actuar como un intérprete entre dos
aplicaciones en lenguajes de programación muy diferentes que de lo contrario, nunca
sería capaz de comunicarse con uno otro.
El formato JSON se ha convertido en algo así como un conector universal en Internet,
y es la razón por la cual WordPress y otros grandes servicios optan por el.
Además, en la esfera de WordPress JSON también reemplaza el un estándar XML-
RPC ligeramente obsoleto, que es mucho más complicado de usar.
#WCZGZ @atowersg
#WCZGZ @atowersg
Los Programadores que pensamos
Nos Encanta!!
#WCZGZ @atowersg
Genial, pero ¿es seguro?
¿Quién quiere dar el control remoto de su sitio web a otra persona?
La buena noticia es que, naturalmente, la REST API de WordPress tiene medidas de
seguridad incorporadas. La palabra mágica aquí es la autenticación. La interfaz viene
con cookies y autenticación OAuth.
Si bien la autenticación de cookies funciona para complementos y temas, OAuth se
utiliza para autenticar clientes de escritorio, móviles y web. Ambos métodos limitan las
acciones de terceros en su sitio.
#WCZGZ @atowersg
La WP REST API
Para poder disfrutar de todas las ventajas que nos da una REST API en nuestro
WordPress, solo tenemos que instalar el plugin llamado WP REST API v2
Permite a WordPress que se convierta en un sistema de gestión de contenido para
cualquier aplicación en cualquier lenguaje de programación.
#WCZGZ @atowersg
La WP REST API
Podemos trabajar con WordPress mediante POST, GET, PUT y DELETE sobre:
● Publicaciones
● Páginas
● Tipos de publicaciones personalizadas
● Medios
● Comentarios
● Taxonomías
● Usuarios
● y más...
#WCZGZ @atowersg
#WCZGZ @atowersg
El motor de WordPress se convierte
Cualquier desarrollador que alguna vez le haya tenido rencor será capaz de construir
un panel de administración de WordPress alternativo, y aquí está el truco,
virtualmente cualquier dispositivo o plataforma.
La nueva API es tan versátil que los desarrolladores ya no están obligados a entornos
familiares. Si alguien quiere construir un área de administración o un cliente de blogs
con el que trabaje pero que no está basado en WordPress, ahora puede hacerlo.
#WCZGZ @atowersg
Contenido de terceros disponible en WordPress
Además, dado que la API hace que el contenido de WordPress sea independiente del
lenguaje de programación y el entorno, ahora podrá obtener material desde cualquier
lugar y mostrarlo de la forma que desee.
Para los no desarrolladores, por otro lado, esta tecnología se puede utilizar para crear
nuevos complementos y soluciones para integrar contenido de otros perfiles web en su
sitio de WordPress.
La API abrirá la puerta para enviar contenido a WordPress directamente desde la
edición de video, diseño gráfico y otras herramientas de terceros.
#WCZGZ @atowersg
WordPress se mueve hacia nuevas esferas
Los sistemas que no están basados en PHP podrán extraer datos de WordPress para
usarlos dentro de sus propias aplicaciones.
Sin embargo, lo que podría ser más interesante es la posibilidad de portar productos de
WordPress (como complementos) a otras plataformas y sistemas de administración de
contenido.
Si bien WordPress ya es una tercera parte de la red, imagina que puedes llevar tus
productos al 70 por ciento restante.
#WCZGZ @atowersg
Diseños personalizados
Con la tecnología de REST API podemos realizar cualquier desarrollo con un
FrontEnd o BackEnd personalizado, con diferentes lenguajes de programación como
javascript, python, ruby on rails…
Ya no estamos sujetos a utilizar el Front o Back de WordPress y si nos gusta más
programar en otro sistema o framework ya seremos libres para poder hacerlo.
#WCZGZ @atowersg
WordPress + React.js (wp.netlify.com)
#WCZGZ @atowersg
APPs móviles con el contenido de WordPress
(PWA)Una Progressive Web App es:
● Progresiva: funciona para todos los usuarios, sin importar la elección de
navegador, porque está construida con mejora progresiva como principio central.
● Adaptable: se adapta a cualquier factor de formulario, sea escritorio, móvil, tablet
o lo que venga en el futuro.
● Independiente de la conectividad: mejorada con service workers para trabajar sin
conexión o con redes de mala calidad.
● Estilo app: al usuario le parece una app con interacciones y navegación estilo app,
porque está construida con modelo de shell de app.
#WCZGZ @atowersg
#WCZGZ @atowersg
Ejemplo petición WP REST API
GET
- https://2018.zaragoza.wordcamp.org/wp-json/wp/v2/posts
- https://2018.zaragoza.wordcamp.org/wp-json/wp/v2/posts?filter[posts_per_page]=1
- https://2018.zaragoza.wordcamp.org/wp-json/wp/v2/posts?type[]=page
Actualizar
- curl -X POST https://2018.zaragoza.wordcamp.org/wp-json -d "{"title":"Mi titulo"}'
#WCZGZ @atowersg
#WCZGZ @atowersg
MUCHAS
GRACIAS!!
Antonio Torres

Weitere ähnliche Inhalte

Ähnlich wie La guía WP REST API para no desarrolladores

Emprendiendo con Wordpress
Emprendiendo con WordpressEmprendiendo con Wordpress
Emprendiendo con Wordpress
Ytzvan Mastino
 
Servicios web
Servicios webServicios web
Servicios web
itoomac02
 
Servicios web
Servicios webServicios web
Servicios web
itoomac02
 
Node.js - un poco de informacion.
Node.js - un poco de informacion.Node.js - un poco de informacion.
Node.js - un poco de informacion.
Luis Toscano
 

Ähnlich wie La guía WP REST API para no desarrolladores (20)

Exposición 8
Exposición 8Exposición 8
Exposición 8
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
 
Act1 tecnologiaweb uni1
Act1 tecnologiaweb uni1Act1 tecnologiaweb uni1
Act1 tecnologiaweb uni1
 
Tecnologías web.pptx
Tecnologías web.pptxTecnologías web.pptx
Tecnologías web.pptx
 
Frameworks y herramientas para la web del futuro
Frameworks y herramientas para la web del futuroFrameworks y herramientas para la web del futuro
Frameworks y herramientas para la web del futuro
 
Emprendiendo con Wordpress
Emprendiendo con WordpressEmprendiendo con Wordpress
Emprendiendo con Wordpress
 
Servicios web
Servicios webServicios web
Servicios web
 
Servicios web
Servicios webServicios web
Servicios web
 
APPSWEBI4.0.pptx
APPSWEBI4.0.pptxAPPSWEBI4.0.pptx
APPSWEBI4.0.pptx
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !Programación Reactiva, Javascript Isomorfo y Meteorjs !
Programación Reactiva, Javascript Isomorfo y Meteorjs !
 
API como SaaS
API como SaaSAPI como SaaS
API como SaaS
 
Servicios Web
Servicios WebServicios Web
Servicios Web
 
sistemas basados en web
sistemas basados en websistemas basados en web
sistemas basados en web
 
Node.js - un poco de informacion.
Node.js - un poco de informacion.Node.js - un poco de informacion.
Node.js - un poco de informacion.
 
Hazte un experto de diseño web en wordpress
Hazte un experto de diseño web en wordpressHazte un experto de diseño web en wordpress
Hazte un experto de diseño web en wordpress
 
Servicios web ITT
Servicios web ITTServicios web ITT
Servicios web ITT
 
Servicios web itt
Servicios web ittServicios web itt
Servicios web itt
 
Servicios web itt
Servicios web ittServicios web itt
Servicios web itt
 

Mehr von Antonio Torres

Mehr von Antonio Torres (11)

PrestaShop migrar paso a paso
PrestaShop migrar paso a pasoPrestaShop migrar paso a paso
PrestaShop migrar paso a paso
 
¿Es tu Joomla Seguro?
¿Es tu Joomla Seguro?¿Es tu Joomla Seguro?
¿Es tu Joomla Seguro?
 
Que un membership site y como podemos ganar dinero
Que un membership site y como podemos ganar dineroQue un membership site y como podemos ganar dinero
Que un membership site y como podemos ganar dinero
 
Como diseñar una tienda online
Como diseñar una tienda onlineComo diseñar una tienda online
Como diseñar una tienda online
 
Mejorar WPO en WordPress
Mejorar WPO en WordPressMejorar WPO en WordPress
Mejorar WPO en WordPress
 
Mejorar WPO Joomla
Mejorar WPO JoomlaMejorar WPO Joomla
Mejorar WPO Joomla
 
1º Meetup joomla Almería
1º Meetup joomla Almería1º Meetup joomla Almería
1º Meetup joomla Almería
 
Ventajas y desventajas Prestashop 1.7
Ventajas y desventajas Prestashop 1.7Ventajas y desventajas Prestashop 1.7
Ventajas y desventajas Prestashop 1.7
 
1º Meetup PrestaShop Almería
1º Meetup PrestaShop Almería1º Meetup PrestaShop Almería
1º Meetup PrestaShop Almería
 
10 trucos de Marketing para vender más en PrestaShop
10 trucos de Marketing para vender más en PrestaShop10 trucos de Marketing para vender más en PrestaShop
10 trucos de Marketing para vender más en PrestaShop
 
III Meetup WordPress Almería | Framework themes
III Meetup WordPress Almería | Framework themesIII Meetup WordPress Almería | Framework themes
III Meetup WordPress Almería | Framework themes
 

Kürzlich hochgeladen (6)

LA DECLAMACIÓN Y LOS RECURSOS NO VERBALES
LA DECLAMACIÓN Y LOS RECURSOS NO VERBALESLA DECLAMACIÓN Y LOS RECURSOS NO VERBALES
LA DECLAMACIÓN Y LOS RECURSOS NO VERBALES
 
Modelos comunicacionales. Antonella Castrataro.pdf
Modelos comunicacionales. Antonella Castrataro.pdfModelos comunicacionales. Antonella Castrataro.pdf
Modelos comunicacionales. Antonella Castrataro.pdf
 
EVOLUCION DE LA ENFERMERIA QUIRURGICA Y ETICA 1.pptx
EVOLUCION DE LA ENFERMERIA QUIRURGICA Y ETICA 1.pptxEVOLUCION DE LA ENFERMERIA QUIRURGICA Y ETICA 1.pptx
EVOLUCION DE LA ENFERMERIA QUIRURGICA Y ETICA 1.pptx
 
Expo Construir 2024 agenda-workshops (2).pdf
Expo Construir 2024 agenda-workshops (2).pdfExpo Construir 2024 agenda-workshops (2).pdf
Expo Construir 2024 agenda-workshops (2).pdf
 
DIABETES MELLITUS trabajo de investigación
DIABETES MELLITUS trabajo de investigaciónDIABETES MELLITUS trabajo de investigación
DIABETES MELLITUS trabajo de investigación
 
Willer Gehizon Sanchez Mora
Willer Gehizon Sanchez MoraWiller Gehizon Sanchez Mora
Willer Gehizon Sanchez Mora
 

La guía WP REST API para no desarrolladores

  • 1. #WCZGZ @atowersg La guía WP REST API para no desarrolladores Antonio Torres
  • 3. #WCZGZ @atowersg ¿Que es una API? Aplication Programming Interface Es una “llave de acceso” a funciones que podemos utilizar de un servicio provisto por un tercero, dentro de nuestra propia aplicación, de manera segura y confiable.
  • 6. #WCZGZ @atowersg Antes y después de aparecer la API
  • 8. #WCZGZ @atowersg Nuestra API de comunicación
  • 9. #WCZGZ @atowersg Nuestra API de comunicación
  • 11. #WCZGZ @atowersg La API nos devuelve el recurso solicitado
  • 12. #WCZGZ @atowersg ¿No está claro? OTRO EJEMPLO
  • 14. #WCZGZ @atowersg Nuestra API de comunicación
  • 16. #WCZGZ @atowersg La API nos devuelve el recurso solicitado
  • 17. #WCZGZ @atowersg ¿Que es la REST API? Representational State Transfer REST define cualquier interfaz entre sistemas que utilice directamente HTTP para obtener datos o indicar la ejecución de operaciones sobre los datos, en cualquier formato (XML, JSON, etc) sin las abstracciones adicionales de los protocolos basados en patrones de intercambio de mensajes, como por ejemplo SOAP
  • 20. #WCZGZ @atowersg Operaciones REST HTTP en sí define un conjunto pequeño de operaciones, las más importantes son: POST, GET, PUT y DELETE CREAR, LEER, ACTUALIZAR y BORRAR
  • 21. #WCZGZ @atowersg Estándar JSON JSON es la abreviatura de JavaScript Object Notation. El nombre describe un formato de intercambio de datos basado en Lenguaje de programación de JavaScript. Lo especial de JSON es que es amigable tanto para los humanos como para las máquinas. Los desarrolladores pueden leer y escribir como un lenguaje de programación normal y es fácil de analizar y generado por computadoras.
  • 22. #WCZGZ @atowersg Ventajas de JSON Una de sus principales ventajas es que la mayoría los lenguajes de programación ya tienen codificadores y decodificadores para convertir su estructura de datos a JSON y viceversa. Eso significa una interfaz JSON puede actuar como un intérprete entre dos aplicaciones en lenguajes de programación muy diferentes que de lo contrario, nunca sería capaz de comunicarse con uno otro. El formato JSON se ha convertido en algo así como un conector universal en Internet, y es la razón por la cual WordPress y otros grandes servicios optan por el. Además, en la esfera de WordPress JSON también reemplaza el un estándar XML- RPC ligeramente obsoleto, que es mucho más complicado de usar.
  • 24. #WCZGZ @atowersg Los Programadores que pensamos Nos Encanta!!
  • 25. #WCZGZ @atowersg Genial, pero ¿es seguro? ¿Quién quiere dar el control remoto de su sitio web a otra persona? La buena noticia es que, naturalmente, la REST API de WordPress tiene medidas de seguridad incorporadas. La palabra mágica aquí es la autenticación. La interfaz viene con cookies y autenticación OAuth. Si bien la autenticación de cookies funciona para complementos y temas, OAuth se utiliza para autenticar clientes de escritorio, móviles y web. Ambos métodos limitan las acciones de terceros en su sitio.
  • 26. #WCZGZ @atowersg La WP REST API Para poder disfrutar de todas las ventajas que nos da una REST API en nuestro WordPress, solo tenemos que instalar el plugin llamado WP REST API v2 Permite a WordPress que se convierta en un sistema de gestión de contenido para cualquier aplicación en cualquier lenguaje de programación.
  • 27. #WCZGZ @atowersg La WP REST API Podemos trabajar con WordPress mediante POST, GET, PUT y DELETE sobre: ● Publicaciones ● Páginas ● Tipos de publicaciones personalizadas ● Medios ● Comentarios ● Taxonomías ● Usuarios ● y más...
  • 29. #WCZGZ @atowersg El motor de WordPress se convierte Cualquier desarrollador que alguna vez le haya tenido rencor será capaz de construir un panel de administración de WordPress alternativo, y aquí está el truco, virtualmente cualquier dispositivo o plataforma. La nueva API es tan versátil que los desarrolladores ya no están obligados a entornos familiares. Si alguien quiere construir un área de administración o un cliente de blogs con el que trabaje pero que no está basado en WordPress, ahora puede hacerlo.
  • 30. #WCZGZ @atowersg Contenido de terceros disponible en WordPress Además, dado que la API hace que el contenido de WordPress sea independiente del lenguaje de programación y el entorno, ahora podrá obtener material desde cualquier lugar y mostrarlo de la forma que desee. Para los no desarrolladores, por otro lado, esta tecnología se puede utilizar para crear nuevos complementos y soluciones para integrar contenido de otros perfiles web en su sitio de WordPress. La API abrirá la puerta para enviar contenido a WordPress directamente desde la edición de video, diseño gráfico y otras herramientas de terceros.
  • 31. #WCZGZ @atowersg WordPress se mueve hacia nuevas esferas Los sistemas que no están basados en PHP podrán extraer datos de WordPress para usarlos dentro de sus propias aplicaciones. Sin embargo, lo que podría ser más interesante es la posibilidad de portar productos de WordPress (como complementos) a otras plataformas y sistemas de administración de contenido. Si bien WordPress ya es una tercera parte de la red, imagina que puedes llevar tus productos al 70 por ciento restante.
  • 32. #WCZGZ @atowersg Diseños personalizados Con la tecnología de REST API podemos realizar cualquier desarrollo con un FrontEnd o BackEnd personalizado, con diferentes lenguajes de programación como javascript, python, ruby on rails… Ya no estamos sujetos a utilizar el Front o Back de WordPress y si nos gusta más programar en otro sistema o framework ya seremos libres para poder hacerlo.
  • 33. #WCZGZ @atowersg WordPress + React.js (wp.netlify.com)
  • 34. #WCZGZ @atowersg APPs móviles con el contenido de WordPress (PWA)Una Progressive Web App es: ● Progresiva: funciona para todos los usuarios, sin importar la elección de navegador, porque está construida con mejora progresiva como principio central. ● Adaptable: se adapta a cualquier factor de formulario, sea escritorio, móvil, tablet o lo que venga en el futuro. ● Independiente de la conectividad: mejorada con service workers para trabajar sin conexión o con redes de mala calidad. ● Estilo app: al usuario le parece una app con interacciones y navegación estilo app, porque está construida con modelo de shell de app.
  • 36. #WCZGZ @atowersg Ejemplo petición WP REST API GET - https://2018.zaragoza.wordcamp.org/wp-json/wp/v2/posts - https://2018.zaragoza.wordcamp.org/wp-json/wp/v2/posts?filter[posts_per_page]=1 - https://2018.zaragoza.wordcamp.org/wp-json/wp/v2/posts?type[]=page Actualizar - curl -X POST https://2018.zaragoza.wordcamp.org/wp-json -d "{"title":"Mi titulo"}'