Configuración de la extensión:
Para configurar la extensión correctamente, deben seguirse los siguientes pasos:
1 - Para utilizar la extensión, primero diríjase al apartado de creación o modificación de una colección en el panel administrativo de Directus.
2 - Seleccione la opción crear campo en el formulario de creación o edición de la colección.

3 - En el selector del tipo de campo, vaya a la sección de otros, seleccione la opción Interoperability y establezca un nombre o clave para su nuevo campo.

4 - En las opciones del campo, deberá colocar detalles como la URL de la API a la que se harán las llamadas, así como su respectivo método GET, POST, PUT o DELETE
. También podrá agregar ciertos parámetros adicionales como Headers y Query Parameters a la petición.

Nota: Al rellenar estos campos puede utilizar la sintaxis de doble llaves {{ ... }} de Handlebars para hacer referencia a algún campo del formulario.
Por ejemplo, la URL podría ser https://servicio.dominio.com/api/info/{{codigo}}
. Esto permitirá computar la información existente de estos campos del formulario para alimentar la llamada a la API.
Lo mismo aplica para los demás parámetros como Headers y Query Parameters.
5 - Por último, se deben mapear los campos de la respuesta con los del formulario. Por ejemplo, dada la siguiente estructura como respuesta de la petición:
{
"data": {
"id": "abcd1234",
"name": "Leanne Graham",
"username": "Bret",
"phone": "1-770-736-8031 x56442",
"photo": "https://via.placeholder.com/150/92c952"
}
}
Si usted quiere mapear los campos name
y photo
de la respuesta con los campos nombre
y photo
respectivamente de su formulario,
se puede lograr escribiendo lo siguiente en el campo Mapping
de la configuracion.
nombre -> data.name;
foto -> data.photo;
Con esto podra asegurarse de que a la hora de agregar un nuevo registro a su coleccion los campos nombre y foto seran mapeados y rellenados automaticamente.