Cómo usar WordPress como back-end: recursos para comenzar con la API REST


los API de REST de WordPress ha existido por un tiempo, pero comprender lo que es y por qué es importante puede no estar claro de inmediato para los recién llegados y no desarrolladores. Aun así, esta herramienta es útil para los usuarios de todos los niveles, ya que le permite utilizar la interfaz familiar de WordPress únicamente como un back-end y desarrollar el front-end usando otras herramientas e idiomas.

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!

Una introducción a la API REST de WordPress

Hay muchos artículos que explican qué es la API REST de WordPress: incluso hemos cubierto esto anteriormente – así que mantendremos este breve para evitar repetirnos. En pocas palabras, una interfaz de programación de aplicaciones (API) es lo que permite conexiones entre varios dispositivos, aplicaciones y datos.

Una analogía útil es pensar en una API como un camarero 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 está tratando de comunicarse es la cocina, y su "comida" es la información que solicita.

La transferencia de estado representativa (REST) ​​es un 'estilo arquitectónico' o 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:

  • OBTENER: Recupera datos del dispositivo, la aplicación o la base de datos con la que se está comunicando.
  • ENVIAR: Agrega datos al dispositivo, la aplicación o la base de datos con la que se está comunicando.
  • PONER: 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 JavaScript (JSON) para devolver datos. Entonces, cuando juntas todo esto, obtienes un método ligero de comunicación OBTENER, ENVIAR, PONERy ELIMINAR solicitudes entre sitios web de WordPress y otras plataformas mediante el uso de JSON.

Comprender qué 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 pueden intentar, 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 mediante sincronizar contenido entre su sitio actual y la versión rediseñada.
  • Contenido sindicado. En una nota similar, también puede combinar contenido de varios sitios web diferentes. Tome un negocio con múltiples ubicaciones, cada una con su propio sitio: puede distribuir contenido de los tres a otro sitio integral.
  • 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 te puede ayudar organiza tus publicaciones en una hoja de cálculo para estar al tanto de las actualizaciones de contenido.
  • Creación de aplicaciones móviles. Al conectar su sitio de WordPress a una aplicación personalizada, puede crear una aplicación móvil para complementar su sitio de escritorio. Esto es útil para situaciones como crear un versión de la aplicación de una tienda WooCommerce.
  • Usando WordPress "sin cabeza". Si las opciones de visualización de front-end para WordPress no lo hacen por usted, la API REST le permite usar WordPress para toda su creación y administración de contenido mientras sirve el contenido a los usuarios en un sitio web personalizado o front-end de aplicaciones 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 formas de usar WordPress como back-end. Como tal, esta publicación es más una introducción general para hacerlo utilizando 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 facilitar el proceso.

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 desee en su sitio web o aplicación. Esto podría ser una instalación activa o una nueva que configuró para su proyecto.

También deberá trabajar en la creación de publicaciones y páginas, agregar archivos multimedia y todo lo 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 ejecutar una prueba para ver cómo funciona la API REST de WordPress. Afortunadamente, puede hacerlo directamente en su navegador. Simplemente escriba su dominio seguido de wp-json / wp / v2 / posts:

El JSON regresó después de solicitar todas las publicaciones a través de la API REST de WordPress.

Debería ver algo como la imagen de arriba, aunque la cantidad de JSON que se muestra diferirá dependiendo de qué tan poblado esté el sitio. Ahora ha utilizado con éxito la API REST de WordPress para devolver los datos de todas sus publicaciones. los Manual API REST contiene información sobre cómo hacer esto para otra información también.

Para recapitular este paso:

  1. Primero, configuramos una instalación de WordPress para que sirva como back-end de nuestra aplicación / sitio web.
  2. Creamos el contenido que queremos mostrar en la interfaz de nuestro proyecto dentro de WordPress como publicaciones, páginas, etc.
  3. 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 funcionan todas esas piezas juntas, puede continuar desde el extremo posterior de su sitio para comenzar a trabajar en el extremo frontal.

Paso 2: configura la aplicación o el front-end de tu sitio web con React

Ahora que tiene resueltos los aspectos "detrás de escena", 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 Reaccionar:

La página de inicio de React.

Para los no iniciados, React es (como dice el eslogan 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 conforman el front-end de su aplicación o sitio web. Esto puede incluir publicaciones, botones, imágenes o cualquier otra cantidad de características y funciones.

También hay muchas otras plataformas es posible que 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 haya establecido un método para crear su front-end, cuide cualquier configuración para que esté listo para comenzar a construir componentes.

Paso 3: conecta tu WordPress Back End a tu Front End

Por ahora, debe tener su back-end de WordPress y su front-end React (u otro). Ahora, solo necesita que hablen entre sí 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.

Como 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 de codificación, aquí es donde las cosas se pondrán bastante difíciles. Si espera lanzar su aplicación o sitio web rápidamente, probablemente esté mejor contratar a un desarrollador para configurarlo para ti. Sin embargo, si está dispuesto a dedicar algo de tiempo, puede comenzar a trabajar lentamente en los componentes y aprender a medida que avanza.

Hemos escrito sobre Cómo crear un componente React para recuperar todas tus publicaciones de WordPress y mostrarlas en una aplicación en el pasado. Podrías usar esta publicación como un ejercicio para comenzar, o ver algunos cursos de formación en línea.

Una vez que haya usado la API REST de WordPress para obtener todo su contenido en su front-end, puede comenzar a crear más componentes (y cada vez más complejos), luego trabajar en la personalización del front-end de su sitio aún más, 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 característica puede ayudarlo a ampliar 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:

  1. Cargue contenido en WordPress y pruebe la API REST.
  2. Configure el front-end de su aplicación o sitio web con React.
  3. Conecte su back-end de WordPress a su front-end React.

¿Tiene alguna pregunta sobre la API REST o sobre el uso de WordPress como back-end? ¡Pregúntales en la sección de comentarios a continuación!

Imagen en miniatura del artículo Jesus Sanz / shutterstock.com