Comprender las bases y el punto de partida

1

Bienvenida y recomendaciones

2

¿Cómo es un entorno de desarrollo profesional en WordPress?

3

Presentación del proyecto y repaso del curso de fundamentos

Crear Post Types y Archivos

4

¿Cómo se crea y se personaliza una categoría en WordPress?

5

Creemos la UI de un archivo en la web

6

¿Por qué es importante la navegabilidad de la web y cómo se mejora?

7

¿Qué es un Post Type y cómo se pueden personalizar los diferentes tipos?

8

¿Cómo creamos la UI de un Post Type personalizado?

9

Construyamos un loop personalizado

10

¿Qué es una taxonomía y cómo se registra una nueva?

11

¿Qué es un page template y cómo se utiliza?

Utilizar AJAX

12

¿Cómo funcionan los emails en WordPress?

13

¿Cómo utilizar AJAX dentro de WordPress?

14

Empecemos a construir un filtro dinámico para la web

15

Completemos la función AJAX para darle vida a nuestro filtro

La REST-API de WordPress

16

¿Cómo se utiliza la REST-API de WordPress?

17

¿Qué son y cómo funcionan los endpoints?

18

Hagamos el primer llamado a la API

Utilizar Bloques

19

¿Qué es un bloque de Gutenberg?

20

Creando un bloque nativo con React

21

Optimicemos el bloque con componentes de WordPress

22

Creemos el primer bloque dinámico

23

Mejorando la experiencia del usuario en Gutenberg con SSR (Server Side Render)

24

Creando bloques con ACF Pro

25

Crea un bloque igual al de ACF pero de forma nativa

Deployment

26

¿Cómo se lleva un sitio a producción?

27

¿Cómo podemos optimizar la indexación y el SEO de nuestro sitio?

28

¿Cómo defiendo a mi sitio de ataques externos y lo hago más seguro?

Finalizar el Curso

29

Conclusiones

Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

¿Qué son y cómo funcionan los endpoints?

17/29
Recursos

Aportes 11

Preguntas 4

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

WP provee una Función para generarlos:
register_rest_route()
Cada endpoint debe ser registrado para empezar a funcionar. Para su registro recibe 3 parámetros
1.** $namespace**,reemplaza el wp-b2 (por defecto de WP), espacio de trabajo para todas nuestras rutas personalizadas
2. $route, el resto de los parámetros que queremos recibir en esa URL
3. $args para indicar el método como se pueden conectar a nuestro url y función de callback que procesa la petición y da el retorno de los datos
4.** $override** que es opcional, permite definir si la función reemplaza a otras si tiene la misma ruta

¿Qué son y cómo funcionan los endpoints? en la API


Es una Url que nos permite personalizar y expandir las capacidades de la REST API de Wordpress, esto quiere decir que nos dará una nueva url que nos va a proveer datos personalizados.

Wordpress nos provee una función para generarlo:

  • register_rest_route() → Cada endpoint debe ser registrado para empezar a funcionar. Para su registro recibe 3 parámetros
    1. $namespace → reemplaza el wp-b2 (por defecto de WP), espacio de trabajo para todas nuestras rutas personalizadas.
    2. $route → el resto de los parámetros que queremos recibir en esa URL.
    3. $args → Para indicar el método como se pueden conectar a nuestro url y función de callback que procesa la petición y da el retorno de los datos.
    4. $override → que es opcional, permite definir si la función reemplaza a otras si tiene la misma ruta.

Esta sería la función que registraría nuestra nueva ruta:

add_action( 'rest_api_init', 'novedadesAPI' );
function novedadesAPI() {
    register_rest_route( 
        'pg/v1',
        '/novedades/(?<cantidad>\d+)',
        [ 
            'methods' => 'GET',
            'callback' => 'pedidoNovedades'
        ]
    );
}

Y está la función que trae los datos:

function pedidoNovedades($data) {
    $args = array(
        'post_type' => 'producto',
        'posts_per_page' => $data['cantidad'],
        'order'     => 'ASC',
        'orderby' => 'title',
    );

    $novedades = new WP_Query($args);

    if ($novedades->have_posts( )) {
        while ($novedades->have_posts()) {
            $novedades->the_post();

            $return[] = array(
                'imagen' => get_the_post_thumbnail( get_the_id( ), 'large' ),
                'link'   => get_the_permalink( ),
                'titulo' => get_the_title( )
            );
        }
        return $return;
    }
}

Muy claro. Gracias

Si quieren saber más sobre Rutas y endpoints les recomiendo leer la documentación de wordpress de REST API, es muy amplia

Muy emocionado por ver los resultados!!! Vamos por lo que sigue!!!

Los endpoints permiten
personalizar y expandir
las capacidades de la
REST API

De forma general, deberemos desarrollar un conjunto de funciones (en este caso, las programaremos en PHP) que realicen las acciones que necesitamos. Estos procesos se denominan Endpoints y se implementarán mediante Callbacks. Un Callback será simplemente una función PHP.

Por otra parte, necesitamos que esas funciones puedan ser invocadas desde el exterior a través de una llamada http, por lo que tendremos que decirle a WordPress que registre una URL concreta, con o sin parámetros, que actúe como frontera entre nuestro WordPress y el resto del mundo. Para que estas funciones sean visibles desde el exterior, deberemos definir una «route«, que no será más que la URL a través de la cual estará disponible el servicio.

Recordando que una API es un conjunto de definiciones y protocolos que se utiliza para desarrollar e integrar el software de las aplicaciones. API significa interfaz de programación de aplicaciones. Las API permiten que sus productos y servicios se comuniquen con otros, sin necesidad de saber cómo están implementados.

Los endpoints son las URLs de un API o un backend que responden a una petición.
La diferencia entre entrypoint y endpoint es que los endpoints no están pensados para interactuar con el usuario final. Usualmente sólo devolverán json, o no devolverán nada.

register_rest_route()
Cada endpoint debe ser registrado para
empezar a funcionar. Para su registro recibe
como parámetros $namespace, $route, $args y
$override.

Callback
Para procesar una petición utilizaremos una
función de callback que nos permitirá
procesarla y retornar los datos en la ruta
especificada.