Monitor solicitações GraphQL para aplicativos móveis

No domínio dinâmico do desenvolvimento de aplicativos móveis, o GraphQL permite que os desenvolvedores criem ferramentas de busca de dados poderosas e simplificadas. No entanto, com a crescente complexidade da consulta GraphQL e as complexidades da arquitetura de aplicativos móveis, a necessidade de monitoramento abrangente tornou-se ainda mais importante. A New Relic pode ajudá-lo monitor solicitações GraphQL para que você possa:

Identifique e otimize consultas que estão causando atrasos ou lentidão no desempenho.
Detecte erros proativamente antes que eles afetem o usuário.
Garanta que os dados sejam carregados de forma rápida e tranquila a partir de solicitações do usuário final.

one.newrelic.com > All capabilities > Mobile > (select an app) > HTTP requests: visualize suas solicitações GraphQL com base no nome personalizado de sua função.

Iniciar

A New Relic monitora perfeitamente todas as suas solicitações GraphQL por padrão. No entanto, para maior clareza e análise, recomendamos configurar manualmente os nomes das suas solicitações GraphQL. Isso permite categorizar solicitações com base em sua funcionalidade e visualizar dados de desempenho para grupos específicos de solicitações.

Ao contrário API REST, em que cada endpoint atende a uma finalidade distinta, todas as solicitações do GraphQL são direcionadas para um único endpoint /graphql. Isso torna difícil distinguir entre solicitações que executam ações diferentes. Ao atribuir nomes personalizados às suas solicitações, você pode obter uma compreensão mais clara de como sua API GraphQL está sendo usada e identificar potenciais gargalos de desempenho associados a funções de solicitação específicas.

Para personalizar o nome de suas solicitações GraphQL, você precisará:

Identifique o URL de solicitação de rede. Por exemplo, pode ser uma solicitação relacionada ao processo de checkout de um cliente com a URL https://www.YOUR_MOBILE_APP.com/checkout.
Use addHTTPHeaderTracking method para definir o cabeçalho X-APOLLO-OPERATION-NAME da solicitação identificada. Por exemplo, solicitações relacionadas ao processo de checkout de clientes poderiam ser denominadas checkout. O nome deve atender aos seguintes requisitos:
- Comprimento: seja uma string entre 1 e 1024 caracteres.
- Caracteres: Consistem exclusivamente em caracteres ASCII.

Siga as instruções específicas da plataforma abaixo:

Ao iniciar o agente, adicione o cabeçalho operationName :
```
[NewRelic addHTTPHeaderTrackingFor:@[@"operationName"]];
```

No cabeçalho da solicitação HTTP GraphQL, adicione o URL da solicitação e o nome personalizado:

NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:@"https://www.YOUR_MOBILE_APP.com/checkout"]]; // Add your request URL here.
NSMutableURLRequest *mutableRequest = [request mutableCopy];
[mutableRequest addValue:@"YOUR_CUSTOM_NAME" forHTTPHeaderField:@"operationName"]; // Add your custom name here.
request = [mutableRequest copy];
[[NSURLSession sharedSession] dataTaskWithRequest:request];

Ao iniciar o agente, adicione o cabeçalho operationName :

List<String> headers = new ArrayList<>(); 
headers.add("operationName");
NewRelic.addHTTPHeaderTrackingFor(headers);

No cabeçalho da solicitação HTTP GraphQL, adicione o URL da solicitação e o nome personalizado:

Request request = new Request.Builder()
        .url("https://www.YOUR_MOBILE_APP.com/checkout") // Add your request URL here.
        .addHeader("operationName","YOUR_CUSTOM_NAME") // Add your custom name here.
        .build();

Ao iniciar o agente, adicione o cabeçalho operationName :

// Add the operationName header.
        val headers = mutableListOf<String>()
        headers.add("operationName")

        NewRelic.addHTTPHeaderTrackingFor(headers);

No cabeçalho da solicitação HTTP GraphQL, adicione o URL da solicitação e o nome personalizado:

val request = Request.Builder()
    .url("https://www.YOUR_MOBILE_APP.com/checkout") // Add your request URL here.
    .addHeader("operationName", "YOUR_CUSTOM_NAME") // Add your custom name here.
    .build()

Ao iniciar o agente, adicione o cabeçalho operationName :
```
NewRelic.addHTTPHeadersTracking(for:["operationName"])
```

No cabeçalho da solicitação HTTP GraphQL, adicione o URL da solicitação e o nome personalizado:

var request = URLRequest(url: URL(string:"https://www.YOUR_MOBILE_APP.com/checkout")!) // Add your request URL here.
request.addValue("YOUR_CUSTOM_NAME", forHTTPHeaderField: "operationName") // Add your custom name here.
URLSession.shared.dataTask(with: request)

Visualizar dados no New Relic

Para visualizar suas solicitações GraphQL:

Vá para
one.newrelic.com > All capabilities > Mobile
.
Selecione seu aplicativo móvel.
No menu à esquerda, clique em
HTTP requests
.
No dropdown
Group by
, selecione
Operation Name
. A página de solicitações HTTP mostrará todas as suas solicitações agrupadas pelo operationName que você definiu.

Screenshot of filtering requests by the operation name

Agora que você está vendo apenas suas solicitações GraphQL, clique em uma solicitação específica para ver a métrica sobre tempo de resposta e falha de rede.

Screenshot of clicking into a specific request

Esta tradução de máquina é fornecida para sua comodidade.

Monitor solicitações GraphQL para aplicativos móveis

Iniciar

Objetivo-c

Java

Kotlin

Swift

Visualizar dados no New Relic

Esta tradução de máquina é fornecida para sua comodidade.

Monitor solicitações GraphQL para aplicativos móveis

Iniciar .css-21sua1{background:none;border:none;width:0;padding:0;}

Java

Kotlin

Swift

Visualizar dados no New Relic

Iniciar