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

La API de WordPress durante algún tiempo ha sido, pero la comprensión de lo que es y por qué puede no estar claro de inmediato para los recién llegados y no desarrolladores. Aun así, esta herramienta es una herramienta útil para conocer a los usuarios de todas las rayas, ya que le permite usar la interfaz familiar de WordPress solo como back-end y desarrollar el front-end utilizando otras herramientas e lenguajes. Esta publicación proporcionará una introducción de lo que es WordPress REST API y 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.
¡Vamos a eso! Una introducción a la API de REST de WordPress, hay muchos artículos que explican cuál es la API de REST de WordPress, incluso tratamos esto anterior, por lo que nos mantendremos cortos para evitar repetirnos. Simplemente, una interfaz de programación de aplicaciones (API) es la que permite conexiones entre diferentes dispositivos, aplicaciones y datos. Una analogía útil es pensar en una API como un camarero que envía solicitudes y respuestas entre las comidas y la cocina. En este ejemplo, usted es el restaurante, la aplicación o la base de datos con la que intenta comunicarse es la cocina, y su “tabla” son los datos que solicita.
La transferencia de estado representativa (REST) ​​es un “estilo arquitectónico” o un tipo de API. Está diseñado para ser fácil y requiere un ancho de cinta mínimo cuando se usa. Usando una API REST, puede hacer cuatro tipos básicos de solicitudes:
Obtenga: Recupere los datos de su dispositivo, aplicación o base de datos con la que se comunica.
Publicar: Agregue datos a su dispositivo, aplicación o base de datos con la que se comunica.
Pon: actualice los datos ya existentes en el dispositivo, la aplicación o la base de datos con la que se comunica.
El REST de la API de WordPress utiliza la notación del objeto JavaScript (JSON) para devolver los datos. Entonces, cuando juntes todo esto, obtendrás un método fácil para comunicar a Geta, poner, poner y eliminar entre los sitios de WordPress y otras plataformas mediante el uso de JSON.
Comprender lo que WordPress puede hacer API REST puede parecer que la API de WordPress no es tan útil para usted, especialmente si no es desarrollador. Sin embargo, hay muchas cosas que API puede hacer, que incluso los usuarios intermedios de WordPress pueden querer probar, como:
Sincronización de contenido. Puede usar la API REST para permitir que diferentes sitios de WordPress se comuniquen entre sí. Por ejemplo, puede probar un rediseño del sitio web sincronizando el contenido entre su sitio actual y la versión rediseñada.
La distribución del contenido. En una nota similar, puede combinar y 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 en otro sitio integral.
Configuración de una hoja de datos de Google WordPress. Usando la API REST, puede conectar su sitio de WordPress y las hojas de cálculo de Google. Esto puede ayudarlo a organizar sus publicaciones en una hoja de cálculo para mantenerse al día con las actualizaciones de contenido.
Creación de aplicaciones móviles.Al conectar el sitio de WordPress a una aplicación frontal personalizada, puede crear una aplicación móvil para completar el sitio de escritorio.Esto es útil para situaciones como crear una versión de una tienda WooCommerce. Usando WordPress “Sin cabeza”.Si las opciones de visualización front-end para WordPress no lo hacen por usted, la API REST le permite usar WordPress para crear y administrar contenido mientras sirve a los usuarios en un sitio web personalizado o en una aplicación web front-end.Esto se conoce como WordPress “sin cabeza”.
Una búsqueda rápida de Google mostrará muchas otras formas en que se usa WordPress Rest.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 se usa 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 al uso de WordPress REST API, que una guía completa para construir una solicitud o un sitio web desacoplado. Aunque los pasos a continuación se simplifican para ayudarlo a comenzar, esto significa que probablemente tendrá que buscar orientación adicional específica para su proyecto. Sin embargo, saber estos elementos básicos ayudará a facilitar el proceso. Paso 1: Cargar contenido en WordPress y pruebe la API REST El primer paso para usar WordPress como back-end es notablemente similar al lanzar 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 para crear publicaciones y páginas, agregando archivos multimedia y cualquier otra cosa que requiera su contenido en términos de contenido. Básicamente, debe obtener todo lo que desea tener en su sitio web o aplicación de WordPress, ya que este será el lugar en el que administre el contenido.
Una vez que haya configurado todo, probablemente desee realizar una prueba para ver cómo funciona la API REST de WordPress. Afortunadamente, puede hacer esto correctamente en su navegador, simplemente ingrese su dominio seguido de WP-JSON / WP / V2 / Publicaciones:
Debería ver algo como la imagen de arriba, aunque la cantidad de JSON que se muestra difiere dependiendo de qué tan poblado esté el sitio. Ha utilizado con éxito WordPress REST API para devolver los datos de todas sus publicaciones. El manual de API REST contiene información sobre cómo se hace esto y para otra información. Para recapitular este paso:
En primer lugar, configuramos una instalación de WordPress para servir como back-end para nuestra aplicación / sitio.

Hemos creado el contenido que queremos mostrar en el frente de nuestro proyecto en WordPress como publicaciones, páginas, etc.

Para ver la API REST en acción, devolvimos a JSON para todas nuestras publicaciones en el navegador.
Una vez que sienta que tiene un control sobre cómo funcionan todas esas piezas juntas, puede moverse desde el extremo posterior de su sitio para comenzar a trabajar en la parte delantera. Paso 2: Configure la aplicación o front-end del sitio web usando React ahora que ha descubierto los aspectos de “detrás del escenario”, tendrá que trabajar al lado de su aplicación o sitio que los usuarios realmente verán. Una forma popular de lograr esto para los usuarios de WordPress es por React:
Para los no iniciados, React es (como se muestra en el eslogan en la imagen de arriba) una biblioteca JavaScript para la construcción de interfaces de usuario. Le permite crear elementos llamados “componentes”, que se convierten en las partes que componen el frente de la aplicación o el sitio web. Esto puede incluir publicaciones, botones, imágenes o cualquier otra función y funciones. También hay muchas otras plataformas que puede considerar para construir su proyecto, así que haga una búsqueda antes de contratar. Las presentaciones completas del uso de React (o similar) están fuera del propósito de este artículo. Sin embargo, después de configurar un método para crear su frente, cuide cualquier configuración, así que prepárate para comenzar a construir componentes. PAS 3: Conecte tu fondo de WordPress hasta ahora, debes tener el WordPress y el frontal (reaccionando ( u otro) fondo. Ahora, solo tiene que determinarlos para hablar entre ellos para que los datos de WordPress se representen en su aplicación o sitio web. Aquí viene WordPress Rest API. Como ya ha probado la API y vio que puede devolver datos para sus publicaciones y otros tipos de contenido, sabe que funciona y está listo para usar. Luego, deberá crear componentes que usen la API REST para tomar publicaciones de WordPress y mostrarlas en el frente.
Si tiene una experiencia de codificación mínima, las cosas se volverán bastante complicadas aquí. Si espera iniciar rápidamente la aplicación o el sitio web, probablemente sea mejor contratar a un desarrollador para configurarlo. Sin embargo, si está dispuesto a poner algo de tiempo, puede comenzar a trabajar lentamente y aprender a medida que avanza. Escribí sobre cómo crear un componente React para hacerse cargo de todas sus publicaciones de WordPress y mostrarlas en una aplicación en el pasado. Puede usar esta publicación como un ejercicio para comenzar o puede consultar algunos cursos de capacitación en línea. Una vez que haya usado la API REST de WordPress para transferir todo su contenido al frente, puede comenzar a crear más componentes (y más y más complejos), Luego trabaje para personalizar su sitio front-end-todo mientras usa WordPress para continuar creando y administrando el contenido. La conclusión es definitivamente una curva de aprendizaje cuando se trata de WordPress REST API, especialmente si tiene un conocimiento de codificación mínimo. Sin embargo, una vez que obtenga esta función, 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 ofrecido algunos pasos básicos simples para usar WordPress como back-end. Vamos a recapitularlos rápidamente:
Cargue contenido en WordPress y pruebe la API REST.
Configure la aplicación o front-end del sitio web utilizando React.

Conecte su WordPress a la reacción delantera.