La API REST de WordPress existe desde hace un tiempo, pero comprender qué es y por qué es importante puede no ser claro de inmediato para los recién llegados y los que no son desarrolladores. Aun así, esta herramienta es útil para los usuarios de todas las tendencias, ya que le permite utilizar la interfaz familiar de WordPress únicamente como back-end y desarrollar el front-end utilizando otras herramientas y lenguajes.
Esta publicación proporcionará una introducción a lo que es la API REST de WordPress y de lo que es capaz. También compartiremos algunos pasos para ayudarlo a comenzar a usar WordPress como back-end para una aplicación o sitio web.
¡Hagámoslo!
Hay muchos artículos que explican qué es la API REST de WordPress, incluso hemos cubierto esto anteriormente , por lo que seremos breves para evitar repetirnos. En pocas palabras, una interfaz de programación de aplicaciones (API) es lo que permite las conexiones entre varios dispositivos, aplicaciones y datos.
Una analogía útil es pensar en una API como un mesero que entrega solicitudes y respuestas entre los comensales y la cocina. En este ejemplo, usted es el comensal, la aplicación o la base de datos con la que intenta comunicarse es la cocina y su ‘comida’ son los datos que solicita.
La transferencia de estado representacional (REST) es un «estilo arquitectónico» o un tipo de API. Está diseñado para ser liviano y requiere un ancho de banda mínimo cuando se usa. Con una API REST, puede realizar cuatro tipos básicos de solicitudes:
- GET : recupera datos del dispositivo, la aplicación o la base de datos con la que se está comunicando.
- POST : agrega datos al dispositivo, aplicación o base de datos con la que se está comunicando.
- PUT : actualiza los datos ya existentes en el dispositivo, la aplicación o la base de datos con la que se está comunicando.
- ELIMINAR : Elimina datos del dispositivo, la aplicación o la base de datos con la que se está comunicando.
La API REST de WordPress utiliza la notación de objetos de JavaScript (JSON) para devolver datos. Entonces, cuando junta todo esto, obtiene un método liviano para comunicar solicitudes GET , POST , PUT y DELETE entre sitios web de WordPress y otras plataformas mediante el uso de JSON.
Comprender lo que puede hacer la API REST de WordPress
Puede parecer que la API REST de WordPress no es tan útil para usted, especialmente si no es un desarrollador. Sin embargo, hay muchas cosas que la API puede hacer que incluso los usuarios intermedios de WordPress podrían querer probar, como:
- Sincronizando contenido. Puede usar la API REST para permitir que diferentes sitios de WordPress se comuniquen entre sí. Por ejemplo, podría probar el rediseño de un sitio web sincronizando el contenido entre su sitio actual y la versión rediseñada.
- Sindicación de contenido. De manera similar, también puede combinar contenido de varios sitios web diferentes. Tome una empresa con varias ubicaciones, cada una con su propio sitio: puede sindicar el contenido de los tres en otro sitio completo.
- Configuración de una hoja de Google de datos de WordPress. Usando la API REST, puede conectar su sitio de WordPress y Hojas de cálculo de Google. Esto podría ayudarlo a organizar sus publicaciones en una hoja de cálculo para mantenerse al tanto de las actualizaciones de contenido.
- Creación de aplicaciones móviles. Al conectar su sitio de WordPress a una interfaz de aplicación personalizada, puede crear una aplicación móvil para complementar su sitio de escritorio. Esto es útil para situaciones como la creación de una versión de aplicación de una tienda WooCommerce .
- Usando WordPress ‘sin cabeza’. Si las opciones de visualización frontal para WordPress no lo están haciendo por usted, la API REST le permite usar WordPress para la creación y administración de todo su contenido mientras entrega el contenido a los usuarios en un sitio web personalizado o interfaz de aplicación web. Esto se conoce como WordPress ‘sin cabeza’ .
Una búsqueda rápida en Google mostrará muchas otras formas en que se utiliza la API REST de WordPress. Sin embargo, para el resto de esta publicación, nos centraremos en usar WordPress como back-end para una aplicación o sitio web.
Cómo usar WordPress como back-end (en 3 pasos)
Hay muchas maneras de usar WordPress como back-end. Como tal, esta publicación es más una introducción general para hacerlo usando la API REST de WordPress, en lugar de una guía completa para crear una aplicación o un sitio web desacoplado.
Si bien los pasos a continuación se simplifican para ayudarlo a comenzar, esto significa que probablemente necesitará buscar orientación adicional específica para su proyecto. Sin embargo, conocer estos conceptos básicos ayudará a que el proceso sea más fácil.
Paso 1: cargue contenido en WordPress y pruebe la API REST
El primer paso para usar WordPress como back-end es notablemente similar a iniciar un sitio web de WordPress. Necesitará una instalación de WordPress cargada con todo el contenido que desea en su sitio web o aplicación. Esta podría ser una instalación activa o una nueva que configuró para su proyecto.
También tendrá que trabajar en la creación de publicaciones y páginas, agregar archivos multimedia y cualquier otra cosa que su proyecto requiera en cuanto al contenido. Básicamente, debe obtener todo lo que desea tener en su sitio o aplicación en WordPress, ya que aquí será donde administrará el contenido.
Una vez que haya configurado todo, es probable que desee realizar una prueba para ver cómo funciona la API REST de WordPress. Afortunadamente, puedes hacerlo directamente en tu navegador. Simplemente escriba su dominio seguido de wp-json/wp/v2/posts:
Debería ver algo como la imagen de arriba, aunque la cantidad de JSON que se muestra diferirá dependiendo de cuán poblado esté el sitio. Ahora ha utilizado con éxito la API REST de WordPress para devolver los datos de todas sus publicaciones. El manual de API REST contiene información sobre cómo hacer esto para obtener más información también.
Para recapitular este paso:
- Primero, configuramos una instalación de WordPress para que sirva como back-end para nuestra aplicación/sitio web.
- Creamos el contenido que queremos mostrar en la interfaz de nuestro proyecto dentro de WordPress como publicaciones, páginas, etc.
- Para ver la API REST en acción, devolvimos el JSON para todas nuestras publicaciones dentro del navegador.
Una vez que sienta que tiene una idea de cómo todas esas piezas funcionan juntas, puede pasar de la parte trasera de su sitio para comenzar a trabajar en la parte delantera.
Paso 2: configure la interfaz de su aplicación o sitio web usando React
Ahora que tiene los aspectos «detrás de escena» resueltos, deberá trabajar en la parte de su aplicación o sitio web que los usuarios realmente podrán ver. Una ruta popular para lograr esto para los usuarios de WordPress es a través de React :
Para los no iniciados, React es (como dice el lema en la imagen de arriba) una biblioteca de JavaScript para construir interfaces de usuario. Le permite crear elementos llamados ‘componentes’ , que se convierten en las piezas que forman la interfaz de su aplicación o sitio web. Esto puede incluir publicaciones, botones, imágenes o cualquier número de otras características y funciones.
También hay muchas otras plataformas que quizás desee considerar para construir su proyecto, así que compare precios antes de comprometerse. Los entresijos completos del uso de React (o similar) están más allá del alcance de este artículo. Sin embargo, una vez que se haya decidido por un método para crear su front-end, ocúpese de cualquier configuración para que esté listo para comenzar a construir componentes.
Paso 3: conecte su back-end de WordPress a su front-end
A estas alturas, debería tener su back-end de WordPress y su front-end de React (u otro). Ahora, solo necesita que hablen entre ellos para que los datos de WordPress se muestren en su aplicación o sitio web. Aquí es donde entra en juego la API REST de WordPress.
Dado que ya ha probado la API y ha visto que puede devolver datos para sus publicaciones y otro contenido, sabe que está funcionando y listo para funcionar. A continuación, deberá crear componentes que utilicen la API REST para recuperar publicaciones de WordPress y mostrarlas en su interfaz.
Si tiene una experiencia mínima en codificación, aquí es donde las cosas se pondrán bastante complicadas. Si espera lanzar su aplicación o sitio web rápidamente, probablemente sea mejor que contrate a un desarrollador para que lo configure por usted. Sin embargo, si está dispuesto a dedicar algo de tiempo, puede comenzar a trabajar lentamente en los componentes y aprender sobre la marcha.
Hemos escrito sobre cómo crear un componente React para recuperar todas sus publicaciones de WordPress y mostrarlas en una aplicación en el pasado. Puede usar esta publicación como ejercicio para comenzar o consultar algunos cursos de capacitación en línea .
Una vez que haya utilizado la API REST de WordPress para obtener todo su contenido en su interfaz, puede comenzar a crear más (y cada vez más complejos) componentes, luego trabajar en la personalización adicional de la interfaz de su sitio, todo mientras usa WordPress para continuar creando y administrando contenido.
Conclusión
Definitivamente hay una curva de aprendizaje cuando se trata de la API REST de WordPress, especialmente si tiene un conocimiento mínimo de codificación. Sin embargo, una vez que lo domine, esta función puede ayudarlo a expandir su base básica para usar WordPress como back-end para su propia aplicación o sitio web personalizado.
Esta publicación ha proporcionado algunos pasos básicos y simplificados para usar WordPress como back-end. Recapitulemos rápidamente:
- Cargue contenido en WordPress y pruebe la API REST.
- Configure la interfaz de su aplicación o sitio web usando React.
- Conecte su back-end de WordPress a su front-end de React.
¿Tiene alguna pregunta sobre la API REST o el uso de WordPress como back-end? ¡Pregúntales en la sección de comentarios a continuación!
Imagen miniatura del artículo Jesús Sanz / shutterstock.com