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

You don't have access to this class

Keep learning! Join and start boosting your career

Aprovecha el precio especial y haz tu profesión a prueba de IA

Antes: $249

Currency
$209
Suscríbete

Termina en:

1 Días
18 Hrs
9 Min
50 Seg

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

17/29
Resources

What is an Endpoint and how does it work in WordPress?

An Endpoint in WordPress is a URL that allows us to customize and expand the capability of the API. It acts as a custom access point for interacting with site data. This means that you can define specific paths to retrieve information tailored to your needs. WordPress provides us with a specific function to generate these access points, called register_rest_route.

How do we use the register_rest_route function?

The register_rest_route function is essential to create your own Endpoints. This function receives three main parameters:

  1. Namespace: this parameter will override the wp/v2 URI by default in WordPress. It will act as your workspace for all custom routes.
  2. Route: In this, you define the additional parameters you want to ask for in your custom URL.
  3. Callback Function: This is the function that will process the request and return the requested data.

There is a fourth optional parameter, called override. It allows us to specify if we want this function to override other functions with the same path.

How to create an Endpoint in WordPress?

To create a custom Endpoint that calls news on the main page, follow these steps:

  1. Define a new function in your functions.php file. Call this function, for example, news_api.

  2. Inside define the function register_rest_route specifying:

    function news_api() { register_rest_route('pg/v1', '/news/(?P<quantity>\d+)', array( ' methods' => 'GET', ' callback' => 'news_order' ));} }
    • Use pg/v1 as namespace.
    • Define the path you want to call (in this case, /news) by adding a dynamic attribute with a regular expression /d+ to indicate that it will be a number.
  3. Create the callback function, news_order, which receives the data and processes it.

    function news_order($data) { $quantity = $data['quantity']; // proceed to retrieve 'news' for the requested quantity}
  4. Finally, register this route in the WordPress interface using an add_action.

    add_action('rest_api_init', 'novelties_api');

How to adapt an AJAX to an Endpoint?

Implementing an Endpoint in WordPress is similar to AJAX requests, but with REST API it works more efficiently.

  1. Custom data: Unlike AJAX which can rely on admin-ajax.php, with REST API the responses are more structured.
  2. Structured responses: Return your data in JSON format, which is ideal for front-end applications.

Practical tips for using Endpoints in WordPress

  • Optimize your queries: Always pass only the amount of data you need.
  • Security first: Validate and sanitize user input before processing it.
  • Version your namespaces: This way you keep your API clean and organized as you evolve and change routes.

With these tips, you'll be on a solid path to maximizing the potential of your WordPress Endpoints. Be sure to explore more about REST API, as it offers a vast field to innovate and customize your WordPress site. Keep learning and improving your skills to build rich and custom web applications using WordPress as a platform, and success in your learning journey!

Contributions 11

Questions 4

Sort by:

Want to see more contributions, questions and answers from the community?

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 emocionado por ver los resultados!!! Vamos por lo que sigue!!!

Muy claro. Gracias

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.

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.

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

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.

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