Aprender a utilizar la REST API de WordPress

Clase 32 de 52 • Curso de Creación de Temas y Plugins en WordPress

Resumen

¿Qué es la API de WordPress?
Es la forma que tenemos para acceder a toda la información de WordPress desde afuera. Esta API provee los endpoints para los tipos de datos de WordPresspara que interactuar con sitios remotos a través del envío de JSON (JavaScript Object Notation).
En este video te enseño cómo trabajar con la API de WordPress.

Juan Diego Silva Garcia

student•

Para que se muestren todos los campos agreguen este código en Functions.php

add_action('rest_api_init', 'register_custom_fields');

function register_custom_fields()
{
    register_rest_field(
        'viaje',
        'destino',
        array(
            'get_callback' => 'show_fields'
        )
    );
    register_rest_field(
        'viaje',
        'vacunas_obligatorias',
        array(
            'get_callback' => 'show_fields'
        )
    );
    register_rest_field(
        'viaje',
        'vacunas_recomendadas',
        array(
            'get_callback' => 'show_fields'
        )
    );
    register_rest_field(
        'viaje',
        'transporte_local',
        array(
            'get_callback' => 'show_fields'
        )
    );
    register_rest_field(
        'viaje',
        'peligrosidad',
        array(
            'get_callback' => 'show_fields'
        )
    );
    register_rest_field(
        'viaje',
        'moneda_local',
        array(
            'get_callback' => 'show_fields'
        )
    );

}

function show_fields( $object, $field_name, $request ) {
  return get_post_meta( $object[ 'id' ], $field_name, true );
}

Yury D. Morales

student•

Gracias por compartir el content-viajes php en el anterior video, ¿ de casualidad tu repositorio contiene ya todos los archivos modificados del curso?

Juan Diego Silva Garcia

student•

Si, los correspondientes al theme storefronf

Víctor Hugo Rivas Sánchez

student•

Resúmen:

Consumir el servicio mediante la ruta ‘/wp-json/wp/v2/viaje’.
Mostrar la data mostrada por el servicio a través de una aplicación web.
Importante: Antes de mostrar los custom fields en el servicio es necesario agregar la función ‘register_rest_field’ para indicar el campo y la función ‘show_fields’ para mostrar los campos en la respuesta del servicio. El código a agregar es el siguiente:

add_action('rest_api_init', 'register_custom_fields');

function register_custom_fields()
{
    register_rest_field(
        'viaje',
        'destino',
        array(
            'get_callback' => 'show_fields'
        )
    );
    register_rest_field(
        'viaje',
        'vacunas_obligatorias',
        array(
            'get_callback' => 'show_fields'
        )
    );
    register_rest_field(
        'viaje',
        'vacunas_recomendadas',
        array(
            'get_callback' => 'show_fields'
        )
    );
    register_rest_field(
        'viaje',
        'transporte_local',
        array(
            'get_callback' => 'show_fields'
        )
    );
    register_rest_field(
        'viaje',
        'peligrosidad',
        array(
            'get_callback' => 'show_fields'
        )
    );
    register_rest_field(
        'viaje',
        'moneda_local',
        array(
            'get_callback' => 'show_fields'
        )
    );

}

function show_fields( $object, $field_name, $request ) {
  return get_post_meta( $object[ 'id' ], $field_name, true );
}

Jose L. Figueroa

student•

Muchas gracias @vrivasdev !!! Me ayudó muchísimo!!!

Carlos Enrique Ramírez Flores

student•

gracias por tu info

David Camacho

student•

No entiendo cual fue el proceso que realizo para ver el valor de la variable destino…

Diego Forero

Team Platzi•

El proceso se describe en el video anterior.

Diego Alvaro Morales Medrano

student•

Use este codigo en el archivo functions.php para pasar el campo destino a la API de wordpress

add_action('rest_api_init', 'register_custom_fields');

function register_custom_fields()
{
    register_rest_field(
        'viaje',
        'destino',
        array(
            'get_callback' => 'show_fields'
        )
    );
}

function show_fields( $object, $field_name, $request ) {
    return get_post_meta( $object[ 'id' ], $field_name, true );
}

Giovanni Muñoz

student•

era re importante agregar al functions.php add_action('rest_api_init', 'register_custom_fields');

function register_custom_fields()

por eso no reflejaba el value y me daba undefined

creo que hay pasos que se salta el profe.

Carlos Enrique Ramírez Flores

student•

gracias por el aporte

Diego Burlando

student•

Agradecido por los conocimientos transmitidos en este curso y sobre todo en este vídeo en especial, ya que nunca había experimentado con la REST API de wordpress y ahora expando en un 100% mis habilidades de lo que puedo llegar a hacer, gracias @platzi gracias @RaveN

David Moya Garcia

student•

Los materiales no aparecen 😦

Luis Fernando Manzano

student•

Si! Los materiales no aparecen, como hacemos?

Jenny Katherine Aguilera Morales

student•

Noviembre de 2018 y aún no jeje, sería genial una actualización del curso

Juan Miguel Jimenez

student•

Esta es una introducción a una información muy valiosa, aunque se pudo explicar mucho mejor, por ejemplo al usar console.log(value) en lugar de alert(value) el contenido del objeto es mucho más legible.
El como registrar los campos personalizados para la REST API no se explica para nada, pero, gracias al compañero @DiegoAlvaroMoralesMedrano por el aporte en este sentido.

Franklin Gil

student•

es mas practico si usan console.log(value) y lo ven en la consola del navegador con f12, en ves de alert(value)

Orlando Perez

student•

Lo mismo digo. Y muestra de una vez todo el contenido. Si son objectos, sale con sus claves y valores mas organizados

Juan Miguel Jimenez

student•

De acuerdo con ustedes usando

console.log(value);

Muestra la información mucho más legible,

Mariana Valencia Gallego

student•

Esa clase estuvo buenísima! Gracias

Omar Zurita

student•

Al final que es lo que hizo para mostrar los custom fielfds en la app que consume el api rest de wordpress?

eso no sale en la clase!

Daniel Esteves

student•

¡Hola! El compañero @vrivasdev realizó la solución a la API REST aquí https://platzi.com/comentario/299977/ si tienes alguna duda podrías dejarnoslo saber y te ayudaremos

Juan Esteban Deossa Pertuz

student•

Cada vez que creamos un nuevo sitio web con WordPress, estamos creando al mismo tiempo una rest API con toda la información que hayamos creado dentro del sistema de WordPress, es decir, las entradas, los CTP, los custom field group, todo se convierte en una rest API que contiene la información de nuestro sitio web, para poder acceder a ella utilizamos la dirección url que la documentación de WordPress nos ofrece, que en este caso es, /wp-json/wp/v2. A partir de esta URL base podemos acceder a cada tipo de información que queramos como a un CPT en específico, pero para poder hacer esto deberemos especificarlo en las características del CPT al momento de crearlo al igual que con los cutoms field groupd, al momento de añadirlo con una acción, siendo la acción register_api_init.

Sebastian Pérez Quintero

student•

Hola, cómo estan?
Una consulta… es bueno que cualquier persona pueda acceder al json de un sitio wordpress? hay forma de que solo yo pueda acceder al json de mis sitios con algún tipo de contraseña o alguna autenticación?
Muchas gracias y que tengan un excelente día!

Sebastian Pérez Quintero

student•

@GOLLUM23 me podría ayudar porfa con dos inquietudes que me surgen con este tema y una idea para un proyecto que quiero probar…

si yo por ejemplo tengo en mi wp woocommerce y tengo x productos, todos los datos de los productos deberían estar en el JSON o para yo tener los datos de los productos, es mejor acceder a la base de datos? me refiero a su imagen, id, descripción, etc. como para yo coger eso y en un sitio aparte montar una lista de productos que con un boton me lleven a la pasarela de pagos.
Y ya para poder acceder desde fuera de mi sitio web, desde una app por ejemplo y que me muestre los pedidos realizados… esos datos ya si no salen en el JSON, cierto? me tendría que conectar a la base de datos directamente o me equivoco?

Muchas gracias @GOLLUM23, que tenga un excelente día

Diego Forero

Team Platzi•

No conozco mucho de la integración de woocomerce con el API de wordpress, la verdad habría que hacer las pruebas, en teoría la información sensible como datos de usuarios, en este caso pedidos y otra información no debería ser visible desde el API pero si el catalogo de productos.

Jonathan Macalupu Reyes

student•

Esta es una clase muy valiosa. Conectar esto a una App es impresionante. Esta y la clase anterior han sido maravillosas.

Moisés Cedeño

student•

Para poder mostrar los campos personalizados en la REST API.

http://platzi.com/comentario/299977/

Félix Andersson

student•

Como se hace para que aparezcan los campos personalizados en la API? en el minuto 10:06 se hace un corte donde se salta esa explicación

Diana Paola castañeda talero

student•

como seria si yo quiero desde mi wodpress enviar informacion a un api externa, por ejemplo, un api de pasarela de pagos o algo asi?

Daniel Esteves

student•

¿Podrías explicarte un poco más que tipo de funcionalidad deseas hacer?

Carlos Enrique Ramírez Flores

student•

creo que yo integraria la comunicación entre tu wp y la api con js en el lado de wp o si necesitas que se automatico lo haría con job que se ejecuten cada cierto tiempo

Víctor Hugo Rivas Sánchez

student•

Está buena la clase. Sin embargo, el material del curso no aparece, es necesario tener el código para poder mostrar los “custom fields” en el rest API

Walter Jesus Santiago Gonzalez

student•

Buen día,

Buena clase.

Juan Diego Silva Garcia

student•

Wordpress como framework, esto es lo mejor que he aprendido!

Alexander Rojas

student•

No tenía idea de que se podía ingresar a la data de wordpress mediante jSON y con ello traducirla a una vista de alguna aplicación móvil… muy valiosa información!

Aprender a utilizar la REST API de WordPress

Introducción al curso

¡Actualizamos este curso!

¿Qué podemos hacer con WordPress?

¿Debería crear un sitio desde cero o usar un template de WordPress?

¿Por qué aprender WordPress?

Introducción a WordPress y WordPress.org

Conociendo WordPress

WordPress como un blog

WordPress como un CMS

WordPress como un framework

WordPress en el futuro

Repasando WordPress

¿Qué debes hacer antes de comenzar?

Instalar WordPress en un hosting con Softaculous

Instalar WordPress en un servidor con acceso SSH

Instalar WordPress en un servidor con acceso FTP

Instalar WordPress en un servidor con WP-cli

Instalar WordPress en local

Proyecto - Instalación Inicial

Temas en WordPress

Instalar un tema en WordPress

Modificar un tema de forma correcta: La estructura de archivos

Modificar un tema de forma correcta: Cómo crear plantillas específicas

Modificar un tema de forma correcta: Los template parts

Modificar un tema de forma correcta: El archivo functions.php

Utilizar temas hijos y aplicación al proyecto

Gestión de usuarios

Gestión de usuarios básica

Restricción de contenidos

Creación de nuevos roles de usuario - aplicado al proyecto

Maquetadores visuales

Usando Divi como maquetador visual

Aplicar Visual composer en maquetación visual

Usar Gutenberg como maquetador visual

Utilizar WordPress como CMS o como Framework

Custom Post Types - CPT de viajes adaptable a nuestro proyecto

Custom Fields

Formatear tu CPT para mostrarlo en Frontend

Aprender a utilizar la REST API de WordPress

Creación de plugins en WordPress

Plugins básicos que deberíamos utilizar

Jetpack

ManageWP

Plugins de caché

Cookie Law Info

Really Simple SSL

Yoast SEO

Updraft Plus

Cómo crear un plugin

Proyecto - darle diseño y contenido a nuestro sitio

Proyecto - despublicar entradas con Post Expirator y cierre

Contenido Bonus

Seguridad en WordPress

Convierte tu instalación local en un entorno de testing con distintas versiones de PHP

WooCommerce

Instalación de WooCommerce

Configuración básica de WooCommerce

Configuraciones de compra y correos electrónicos en WooCommerce

Crear productos para tienda virtual

Proceso de venta y Pasarelas de Pago

Productos variables

¿Qué es Sensei?