Compartir a través de


Importación de GraphQL API

SE APLICA A: Todos los niveles de API Management

En API Management, puede agregar una GraphQL API en uno de los dos modelos: pasar a un punto de conexión de GraphQL existente o importar un esquema GraphQL y crear una GraphQL API sintética con solucionadores de campos personalizados. Para obtener más información, consulte introducción a GraphQL.

En este artículo, hará lo siguiente:

  • Cómo agregar una GraphQL API de tránsito a la instancia de API Management.
  • Probar la GraphQL API.

Si desea importar un esquema de GraphQL y configurar solucionadores de campos que usan puntos de conexión de API REST o SOAP, consulte Importación de un esquema de GraphQL y configuración de solucionadores de campos.

Requisitos previos

Agregar una GraphQL API

  1. En Azure Portal, vaya a la instancia de API Management.

  2. En el panel izquierdo, seleccione APIs>APIs.

  3. Seleccione Agregar API.

  4. En Definir una nueva API, seleccione el icono graphQL .

    Captura de pantalla de la selección del icono de GraphQL.

  5. En el cuadro de diálogo resultante, seleccione Completo y, a continuación, escriba valores en los campos obligatorios, como se describe en la tabla siguiente.

    Captura de pantalla de la página Crear desde el esquema de GraphQL.

    Importancia Descripción
    Nombre para mostrar Nombre con el que se mostrará la GraphQL API.
    Nombre Nombre bruto de la API de GraphQL. Se rellena automáticamente a medida que escribe el nombre para mostrar.
    Tipo GraphQL Seleccione GraphQL de tránsito para importar desde un punto de conexión de GraphQL API existente.
    Punto de conexión de API de GraphQL Dirección URL base con el nombre del punto de conexión de la GraphQL API.
    Por ejemplo: https://example.com/your-GraphQL-name. También puede usar un punto de conexión común de GraphQL de SWAPI, como https://swapi-graphql.azure-api.net/graphql con fines de demostración.
    Cargar esquema Opcionalmente, seleccione esta opción para cargar el archivo de esquema para reemplazar el esquema que se recupera del punto de conexión de GraphQL (si tiene uno).
    Descripción Agregue una descripción de la API.
    Esquema URL Seleccione un esquema basado en el punto de conexión de GraphQL. Seleccione una de las opciones que incluye un esquema WebSocket (WS o WSS) si GraphQL API incluye el tipo de suscripción. La selección predeterminada es HTTP(S).
    Sufijo de dirección URL de API Agregue un sufijo url para identificar la API específica en la instancia de API Management. Debe ser único en la instancia de API Management.
    URL base Campo no editable que muestra la dirección URL base de la API.
    Etiquetas Opcionalmente, asocie graphQL API con etiquetas nuevas o existentes.
    Productos Asocie la GraphQL API a un producto para publicarla.
    ¿Definir versión de esta API? Active la casilla para aplicar un esquema de control de versiones a graphQL API.
  6. Seleccione Crear.

  7. Una vez creada la API, revise o modifique el esquema en la pestaña Esquema . Captura de pantalla del esquema de GraphQL en el portal.

Probar la GraphQL API

  1. Vaya a la instancia de API Management.

  2. En el panel izquierdo, en la sección API , seleccione API.

  3. En Todas las API, seleccione la GraphQL API.

  4. Seleccione la pestaña Prueba para acceder a la consola de prueba.

  5. En Encabezados:

    1. Seleccione el encabezado en el menú Nombre .
    2. Escriba el valor en el cuadro Valor .
    3. Para agregar más encabezados, seleccione Agregar encabezado.
    4. Elimine los encabezados con el botón papelera de reciclaje.
  6. Si ha agregado un producto a la GraphQL API, agregue un ámbito de producto bajo Aplicar ámbito de producto.

  7. En el Editor de consultas, realice una de las acciones siguientes:

    1. Seleccione al menos un campo o subcampo de la lista del menú a la izquierda del editor. Los campos y subcampos que seleccione aparecerán en el editor de consultas.

    2. Comience a escribir en el editor de consultas para crear una consulta.

      Captura de pantalla del editor de consultas.

  8. En Variables de consulta, agregue variables para reutilizar la misma consulta o mutación y pasar valores diferentes.

  9. Seleccione Enviar.

  10. Vea la Respuesta.

    Captura de pantalla de la respuesta de consulta de prueba.

  11. Repita los pasos anteriores para probar diferentes cargas.

  12. Cuando haya terminado las pruebas, salga de la consola de prueba.

Cómo probar una suscripción

Si GraphQL API admite una suscripción, puede probarla en la consola de prueba.

  1. Asegúrese de que la API permite un esquema de dirección URL de WebSocket (WS o WSS) adecuado para la API. Puede habilitar esta opción en la pestaña Configuración.

  2. Configure una consulta de suscripción en el editor de consultas y seleccione Conectar para establecer una conexión WebSocket con el servicio de back-end.

    Captura de pantalla de una consulta de suscripción en el editor de consultas.

  3. Revise los detalles de conexión en el panel Suscripción.

    Captura de pantalla de la conexión de WebSocket en el portal.

  4. Los eventos suscritos aparecen en el panel Suscripción. La conexión de WebSocket se mantiene hasta que se desconecta o se conecta a una nueva suscripción de WebSocket.

    Captura de pantalla de los eventos de suscripción de GraphQL en el portal.

Cómo proteger la GraphQL API

Proteja la API de GraphQL aplicando las directivas de autenticación y autorización existentes y una directiva de validación de GraphQL para protegerse frente a ataques específicos de GraphQL.