Monitorer GraphQL requests pour les applications mobiles

Dans le domaine dynamique du développement d'applications mobiles, GraphQL permet aux développeurs de créer des outils de récupération de données puissants et rationalisés. Cependant, avec la complexité croissante des requêtes GraphQL et les subtilités de l'architecture des applications mobiles, le besoin d' monitoring complète est devenu encore plus important. New Relic peut vous aider à monitorer GraphQL requests afin que vous puissiez :

Identifiez et optimisez les requêtes qui provoquent des retards ou des ralentissements des performances.
Détectez les erreurs de manière proactive avant qu’elles n’impactent l’utilisateur.
Assurez un chargement rapide et fluide des données à partir requests finales des utilisateurs.

one.newrelic.com > All capabilities > Mobile > (select an app) > HTTP requests: Affichez vos GraphQL requests en fonction du nom personnalisé de leur fonction.

Démarrer

New Relic monitore de manière transparente toutes vos GraphQL requests par défaut. Cependant, pour une clarté et une analyse améliorées, nous vous recommandons de configurer manuellement les noms de vos GraphQL requests. Cela vous permet de classer requests en fonction de leur fonctionnalité et d'afficher les données de performances pour des groupes spécifiques de requests.

Contrairement aux API REST, où chaque point de terminaison sert un objectif distinct, toutes GraphQL requests sont dirigées vers un seul /graphql point de terminaison. Il est donc difficile de faire la distinction entre requests qui exécutent différentes actions. En attribuant des noms personnalisés à vos requests, vous pouvez acquérir une compréhension plus claire de la manière dont votre API GraphQL est utilisée et identifier les goulots d'étranglement de performances potentiels associés à des fonctions de requête spécifiques.

Pour personnaliser le nom de vos GraphQL requests, vous devez :

Identifiez l’URL de la demande réseau. Par exemple, il peut s'agir d'une demande liée au processus de paiement d'un client avec l'URL https://www.YOUR_MOBILE_APP.com/checkout.
Utilisez addHTTPHeaderTracking method pour définir l’en-tête X-APOLLO-OPERATION-NAME pour la demande identifiée. Par exemple, requests liées au processus de paiement des clients pourraient être nommées checkout. Le nom doit répondre aux exigences suivantes :
- Longueur : être une chaîne comprise entre 1 et 1024 caractères.
- Caractères : Composés exclusivement de caractères ASCII.

Suivez les instructions spécifiques à la plateforme ci-dessous :

Lorsque vous démarrez l'agent, ajoutez l'en-tête operationName :
```
[NewRelic addHTTPHeaderTrackingFor:@[@"operationName"]];
```

Dans l'en-tête de la requête HTTP GraphQL, ajoutez l'URL de votre requête et le nom personnalisé :

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];

Lorsque vous démarrez l'agent, ajoutez l'en-tête operationName :

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

Dans l'en-tête de la requête HTTP GraphQL, ajoutez l'URL de votre requête et le nom personnalisé :

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();

Lorsque vous démarrez l'agent, ajoutez l'en-tête operationName :

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

        NewRelic.addHTTPHeaderTrackingFor(headers);

Dans l'en-tête de la requête HTTP GraphQL, ajoutez l'URL de votre requête et le nom personnalisé :

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()

Lorsque vous démarrez l'agent, ajoutez l'en-tête operationName :
```
NewRelic.addHTTPHeadersTracking(for:["operationName"])
```

Dans l'en-tête de la requête HTTP GraphQL, ajoutez l'URL de votre requête et le nom personnalisé :

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)

Afficher les données dans New Relic

Pour visualiser vos GraphQL requests:

Allez à one.newrelic.com > All capabilities > Mobile.
Sélectionnez votre application mobile.
Dans le menu de gauche, cliquez sur HTTP requests.
Dans la liste déroulante Group by , sélectionnez Operation Name. La page requests HTTP affichera toutes vos requests regroupées par le operationName que vous avez défini.

Screenshot of filtering requests by the operation name

Maintenant que vous regardez uniquement vos GraphQL requests, cliquez sur une requête spécifique pour voir les mesures sur les temps de réponse et les défaillances du réseau.

Screenshot of clicking into a specific request

Cette traduction automatique est fournie pour votre commodité.

Monitorer GraphQL requests pour les applications mobiles

Démarrer

Objectif-C

Java

Kotlin

Swift

Afficher les données dans New Relic

Cette traduction automatique est fournie pour votre commodité.

Monitorer GraphQL requests pour les applications mobiles

Démarrer .css-21sua1{background:none;border:none;width:0;padding:0;}

Java

Kotlin

Swift

Afficher les données dans New Relic

Démarrer