Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra. # Mise en route : création de votre première API GraphQL dans AWS AppSync Vous pouvez utiliser la AWS AppSync console pour configurer et lancer une API GraphQL. GraphQL nécessite APIs généralement trois composants : 1. **Schéma GraphQL : votre schéma** GraphQL est le modèle de l'API. Il définit les types et les champs que vous pouvez demander lorsqu'une opération est exécutée. Pour remplir le schéma avec des données, vous devez connecter les sources de données à l'API GraphQL. Dans ce guide de démarrage rapide, nous allons créer un schéma à l'aide d'un modèle prédéfini. 1. **Sources de données** : il s'agit des ressources qui contiennent les données permettant de remplir votre API GraphQL. Il peut s'agir d'une table DynamoDB, d'une fonction Lambda, etc. Elle prend en charge une multitude de sources de données pour créer un GraphQL robuste et évolutif AWS AppSync . APIs Les sources de données sont liées aux champs du schéma. Chaque fois qu'une demande est effectuée sur un champ, les données de la source renseignent le champ. Ce mécanisme est contrôlé par le résolveur. Dans ce guide de démarrage rapide, nous allons créer une source de données à l'aide d'un modèle prédéfini associé au schéma. 1. **Résolveurs** : les résolveurs sont chargés de lier le champ de schéma à la source de données. Ils récupèrent les données de la source, puis renvoient le résultat en fonction de ce qui a été défini par le champ. AWS AppSync supporte les deux JavaScript et VTL pour écrire des résolveurs pour votre GraphQL. APIs Dans ce guide de démarrage rapide, les résolveurs seront automatiquement générés en fonction du schéma et de la source de données. Nous n'allons pas approfondir cette question dans cette section. AWS AppSync prend en charge la création et la configuration de tous les composants GraphQL. Lorsque vous ouvrez la console, vous pouvez utiliser les méthodes suivantes pour créer votre API : 1. Conception d'une API GraphQL personnalisée en la générant via un modèle prédéfini et en configurant une nouvelle table DynamoDB (source de données) pour la prendre en charge. 1. Conception d'une API GraphQL avec un schéma vide, sans sources de données ni résolveurs. 1. Utilisation d'une table DynamoDB pour importer des données et générer les types et les champs de votre schéma. 1. Utiliser AWS AppSync WebSocket ses capacités et Pub/Sub son architecture pour développer en temps réel APIs. 1. Utilisation de GraphQL APIs (source APIs) existant pour établir un lien vers une API fusionnée. **Note** Nous vous recommandons de consulter la section [Conception d'un schéma](designing-your-schema.md#aws-appsync-designing-your-schema) avant d'utiliser des outils plus avancés. Ces guides expliqueront des exemples plus simples que vous pouvez utiliser de manière conceptuelle pour créer des applications plus complexes. AWS AppSync AWS AppSync prend également en charge plusieurs options non liées à la console pour créer GraphQL APIs. Il s’agit des licences suivantes : 1. AWS Amplify 1. AWS SAM 1. CloudFormation 1. Le CDK L'exemple suivant montre comment créer les composants de base d'une API GraphQL à l'aide de modèles prédéfinis et de DynamoDB. **Topics** + [Lancement d'un schéma](schema-launch-start.md) + [Visite guidée de la AWS AppSync console](console-tour.md) + [Utilisation de mutations GraphQL pour ajouter des données à une table DynamoDB](add-data-with-graphql-mutation.md) + [Utilisation de requêtes GraphQL pour récupérer des données depuis une table DynamoDB](retrieve-data-with-graphql-query.md) + [Sections supplémentaires](next-steps.md) # Lancement d'un schéma dans la AWS AppSync console Dans cet exemple, vous allez créer une `Todo` API qui permet aux utilisateurs de créer des `Todo` éléments pour les rappels de corvées quotidiennes, tels que *Finish task* ou*Pick up groceries*. Cette API montre comment utiliser les opérations GraphQL lorsque l'état persiste dans une table DynamoDB. Conceptuellement, la création de votre première API GraphQL comporte trois étapes principales. Vous devez définir le schéma (types et champs), associer vos sources de données à vos champs, puis écrire le résolveur qui gère la logique métier. Toutefois, l'expérience de la console modifie l'ordre des choses. Nous allons commencer par définir la manière dont nous voulons que notre source de données interagisse avec notre schéma, puis définirons le schéma et le résolveur ultérieurement. **Pour créer votre API GraphQL** 1. Connectez-vous à la [AppSync console AWS Management Console et ouvrez-la](https://console.aws.amazon.com/appsync/). 1. Dans le **Tableau de bord**, choisissez **Créer une API**. 1. Lorsque **GraphQL APIs** est sélectionné, choisissez **Design from scratch**. Ensuite, choisissez **Suivant**. 1. Pour le **nom de l'API**, remplacez le nom prérempli par**Todo API**, puis choisissez **Next**. **Note** D'autres options sont également présentes ici, mais nous ne les utiliserons pas dans cet exemple. 1. Dans la section **Spécifier les ressources GraphQL**, procédez comme suit : 1. Choisissez **maintenant Créer un type basé sur une table DynamoDB**. **Note** Cela signifie que nous allons créer une nouvelle table DynamoDB à joindre en tant que source de données. 1. Dans le champ **Nom du modèle**, entrez**Todo**. **Note** Notre première exigence est de définir notre schéma. Ce **nom de modèle** sera le nom du type, donc ce que vous faites réellement est de créer un `type` appel `Todo` qui existera dans le schéma : ``` type Todo {} ``` 1. Sous **Champs**, procédez comme suit : 1. Créez un champ nommé**id**, avec le type et `ID` le champ requis définis sur`Yes`. **Note** Ce sont les champs qui existeront dans le cadre de votre `Todo` type. Le nom de votre champ ici sera appelé `id` avec un type de `ID!` : ``` type Todo { id: ID! } ``` AWS AppSync prend en charge plusieurs valeurs scalaires pour différents cas d'utilisation. 1. À l'aide de l'option **Ajouter un nouveau champ**, créez quatre champs supplémentaires avec les `Name` valeurs définies sur **name** **when****where**,, et**description**. Leurs `Type` valeurs seront`String`, et les `Required` valeurs `Array` et seront toutes deux définies sur`No`. Il doit ressembler à ce qui suit : ![\[Model information form showing fields for a Todo model with ID, name, when, where, and description.\]](http://docs.aws.amazon.com/fr_fr/appsync/latest/devguide/images/model-information-tutorial.png) **Note** Le type complet et ses champs ressembleront à ceci : ``` type Todo { id: ID! name: String when: String where: String description: String } ``` Comme nous créons un schéma à l'aide de ce modèle prédéfini, il sera également rempli de plusieurs mutations standard basées sur le type`create`, telles que`delete`, et `update` pour vous aider à remplir facilement votre source de données. 1. Sous **Configurer la table du modèle**, entrez un nom de table, tel que**TodoAPITable**. Définissez la **clé primaire** sur`id`. **Note** Nous créons essentiellement une nouvelle table DynamoDB *TodoAPITable* appelée qui sera attachée à l'API en tant que source de données principale. Notre clé primaire est définie sur le `id` champ obligatoire que nous avons défini auparavant. Notez que cette nouvelle table est vide et ne contient rien d'autre que la clé de partition. 1. Choisissez **Suivant**. 1. Passez en revue vos modifications et choisissez **Create API**. Patientez un moment pour que le AWS AppSync service termine la création de votre API. Vous avez créé avec succès une API GraphQL avec son schéma et sa source de données DynamoDB. Pour résumer les étapes ci-dessus, nous avons choisi de créer une toute nouvelle API GraphQL. Nous avons défini le nom de l'API, puis ajouté notre définition de schéma en ajoutant notre premier type. Nous avons défini le type et ses champs, puis choisi d'associer une source de données à l'un des champs en créant une nouvelle table DynamoDB ne contenant aucune donnée. # Visite guidée de la AWS AppSync console Avant d'ajouter des données à notre table DynamoDB, nous devons passer en revue les fonctionnalités de base de l'expérience de AWS AppSync console. L'onglet AWS AppSync console situé sur le côté gauche de la page permet aux utilisateurs de naviguer facilement vers l'un des principaux composants ou options de configuration qui AWS AppSync fournissent : ![\[AWS AppSync console navigation menu showing APIs, Todo API options, and Documentation link.\]](http://docs.aws.amazon.com/fr_fr/appsync/latest/devguide/images/explorer-example-5.jpg) ## Concepteur de schémas Choisissez **Schéma** pour afficher le schéma que vous venez de créer. Si vous examinez le contenu du schéma, vous remarquerez qu'il a déjà été chargé avec de nombreuses opérations d'assistance afin de rationaliser le processus de développement. Dans l'éditeur de **schéma**, si vous parcourez le code, vous finirez par atteindre le modèle que vous avez défini dans la section précédente : ``` type Todo { id: ID! name: String when: String where: String description: String } ``` Votre modèle est devenu le type de base utilisé dans l'ensemble de votre schéma. Nous allons commencer à ajouter des données à notre source de données à l'aide de mutations générées automatiquement à partir de ce type. Voici quelques conseils et informations supplémentaires concernant l'éditeur de **schéma** : 1. L'éditeur de code possède des fonctionnalités de linting et de vérification des erreurs que vous pouvez utiliser lorsque vous écrivez vos propres applications. 1. Le côté droit de la console affiche les types GraphQL qui ont été créés, ainsi que des résolveurs sur différents types de niveau supérieur, comme les requêtes. 1. Lorsque vous ajoutez de nouveaux types à un schéma (par exemple,`type User {...}`), vous pouvez configurer des AWS AppSync ressources DynamoDB pour vous. Celles-ci incluent la clé primaire, la clé de tri et la conception d'index appropriées pour correspondre au mieux à votre modèle d'accès aux données GraphQL. Si vous choisissez **Créer des ressources** en haut, puis l'un des types définis par l'utilisateur dans le menu, vous pouvez choisir différentes options de champ dans la conception de schéma. Nous aborderons cela dans la section [Conception d'un schéma](designing-your-schema.md#aws-appsync-designing-your-schema). ### Configuration du résolveur Dans le concepteur de schéma, la section **Résolveurs** contient tous les types et champs de votre schéma. Si vous parcourez la liste des champs, vous remarquerez que vous pouvez associer des résolveurs à certains champs en choisissant **Joindre**. Cela ouvrira un éditeur de code dans lequel vous pourrez écrire votre code de résolution. AWS AppSync prend en charge à la JavaScript fois la VTL et les environnements d'exécution, qui peuvent être modifiés en haut de la page en choisissant **Actions**, puis **Update** Runtime. Au bas de la page, vous pouvez également créer des fonctions qui exécuteront plusieurs opérations en séquence. Cependant, les résolveurs sont un sujet avancé, et nous ne l'aborderons pas dans cette section. ## Sources de données Choisissez **Sources de données** pour afficher votre table DynamoDB. En choisissant l'`Resource`option (si disponible), vous pouvez consulter la configuration de votre source de données. Dans notre exemple, cela mène à la console DynamoDB. À partir de là, vous pouvez modifier vos données. Vous pouvez également modifier directement certaines données en choisissant la source de données, puis en choisissant **Modifier**. Si vous devez supprimer votre source de données, vous pouvez choisir celle-ci, puis sélectionner **Supprimer**. Enfin, vous pouvez créer de nouvelles sources de données en choisissant **Créer une source de données**, puis en configurant le nom et le type. Notez que cette option permet de lier le AWS AppSync service à une ressource existante. Vous devez tout de même créer la ressource dans votre compte à l'aide du service approprié avant de la AWS AppSync reconnaître. ## Requêtes Choisissez **Requêtes** pour afficher vos requêtes et mutations. Lorsque nous avons créé notre API GraphQL à l'aide de notre modèle, nous avons généré AWS AppSync automatiquement des mutations et des requêtes auxiliaires à des fins de test. Dans l'éditeur de requêtes, le côté gauche contient l'**explorateur**. Il s'agit d'une liste répertoriant toutes vos mutations et requêtes. Vous pouvez facilement activer les opérations et les champs que vous souhaitez utiliser ici en cliquant sur leurs valeurs nominales. Cela fera apparaître automatiquement le code dans la partie centrale de l'éditeur. Ici, vous pouvez modifier vos mutations et requêtes en modifiant les valeurs. Au bas de l'éditeur, vous trouverez l'éditeur de **variables de requête** qui vous permet de saisir les valeurs de champ pour les variables d'entrée de vos opérations. En choisissant **Exécuter** en haut de l'éditeur, une liste déroulante s'affichera pour sélectionner la personne query/mutation à exécuter. Le résultat de cette exécution apparaîtra sur le côté droit de la page. De retour dans la section **Explorateur** en haut, vous pouvez choisir une opération (requête, mutation, abonnement), puis choisir le symbole **\$1** pour ajouter une nouvelle instance de cette opération particulière. En haut de la page, vous trouverez une autre liste déroulante contenant le mode d'autorisation pour les exécutions de vos requêtes. Toutefois, nous n'aborderons pas cette fonctionnalité dans cette section (pour plus d'informations, voir [Sécurité](security-authz.md#aws-appsync-security)). ## Settings Choisissez **Paramètres** pour afficher certaines options de configuration pour votre API GraphQL. Ici, vous pouvez activer certaines options telles que la journalisation, le suivi et les fonctionnalités de pare-feu des applications Web. Vous pouvez également ajouter de nouveaux modes d'autorisation pour protéger vos données contre les fuites indésirables au public. Toutefois, ces options sont plus avancées et ne seront pas abordées dans cette section. **Note** Le mode d'autorisation par défaut utilise une clé d'API pour tester l'application. `API_KEY` Il s'agit de l'autorisation de base accordée à tous les APIs GraphQL nouvellement créés. Nous vous recommandons d'utiliser une autre méthode de production. Pour les besoins de l'exemple présenté dans cette section, nous n'utiliserons que la clé API. Pour plus d'informations sur les méthodes d'autorisation prises en charge, consultez [la section Sécurité](security-authz.md#aws-appsync-security). # Utilisation de mutations GraphQL pour ajouter des données à une table DynamoDB dans la console AWS AppSync L'étape suivante consiste à ajouter des données à votre table DynamoDB vide à l'aide d'une mutation GraphQL. Les mutations sont l'un des types d'opérations fondamentaux de GraphQL. Ils sont définis dans le schéma et vous permettent de manipuler les données de votre source de données. En termes de REST APIs, elles sont très similaires à des opérations telles que `PUT` ou`POST`. **Pour ajouter des données à votre source de données** 1. Si ce n'est pas déjà fait, connectez-vous à la [AppSync console AWS Management Console et ouvrez-la](https://console.aws.amazon.com/appsync/). 1. Choisissez votre API dans le tableau. 1. Dans l'onglet de gauche, sélectionnez **Requêtes**. 1. Dans l'onglet **Explorateur** situé à gauche du tableau, vous pouvez voir plusieurs mutations et requêtes déjà définies dans l'éditeur de requêtes : ![\[Explorer tab showing a dropdown menu with mutation and query options like createTodo and deleteTodo.\]](http://docs.aws.amazon.com/fr_fr/appsync/latest/devguide/images/explorer-example-1.png) **Note** Cette mutation est en fait inscrite dans votre schéma en tant que `Mutation` type. Il contient le code : ``` type Mutation { createTodo(input: CreateTodoInput!): Todo updateTodo(input: UpdateTodoInput!): Todo deleteTodo(input: DeleteTodoInput!): Todo } ``` Comme vous pouvez le constater, les opérations ici sont similaires à celles de l'éditeur de requêtes. AWS AppSync les a automatiquement générés à partir du modèle que nous avons défini précédemment. Cet exemple utilisera la `createTodo` mutation pour ajouter des entrées à notre *TodoAPITable* table. 1. Choisissez l'`createTodo`opération en l'étendant sous la `createTodo` mutation : ![\[Expanded createTodo mutation showing input fields like description, id, name, when, and where.\]](http://docs.aws.amazon.com/fr_fr/appsync/latest/devguide/images/explorer-example-2.png) Cochez les cases pour tous les champs, comme sur l'image ci-dessus. **Note** Les attributs que vous voyez ici sont les différents éléments modifiables de la mutation. Vous `input` pouvez être considéré comme le paramètre de`createTodo`. Les différentes options avec des cases à cocher sont les champs qui seront renvoyés dans la réponse une fois l'opération effectuée. 1. Dans l'éditeur de code au centre de l'écran, vous remarquerez que l'opération apparaît sous la `createTodo` mutation : ``` mutation createTodo($createtodoinput: CreateTodoInput!) { createTodo(input: $createtodoinput) { where when name id description } } ``` **Note** Pour expliquer correctement cet extrait, nous devons également examiner le code du schéma. La déclaration `mutation createTodo($createtodoinput: CreateTodoInput!){}` est la mutation avec l'une de ses opérations,`createTodo`. La mutation complète se trouve dans le schéma : ``` type Mutation { createTodo(input: CreateTodoInput!): Todo updateTodo(input: UpdateTodoInput!): Todo deleteTodo(input: DeleteTodoInput!): Todo } ``` Pour en revenir à la déclaration de mutation de l'éditeur, le paramètre est un objet appelé `$createtodoinput` avec un type d'entrée obligatoire de`CreateTodoInput`. Notez que `CreateTodoInput` (et toutes les entrées de la mutation) sont également définies dans le schéma. Par exemple, voici le code standard pour : `CreateTodoInput` ``` input CreateTodoInput { name: String when: String where: String description: String } ``` Il contient les champs que nous avons définis dans notre modèle`name`, à savoir`when`,`where`, et`description`. Pour en revenir au code de l'éditeur, dans`createTodo(input: $createtodoinput) {}`, nous déclarons l'entrée comme`$createtodoinput`, qui a également été utilisée dans la déclaration de mutation. Nous procédons ainsi car cela permet à GraphQL de valider nos entrées par rapport aux types fournis et de s'assurer qu'elles sont utilisées avec les bonnes entrées. La dernière partie du code de l'éditeur indique les champs qui seront renvoyés dans la réponse après l'exécution d'une opération : ``` { where when name id description } ``` Dans l'onglet **Variables de requête** situé sous cet éditeur, vous trouverez un `createtodoinput` objet générique susceptible de contenir les données suivantes : ``` { "createtodoinput": { "name": "Hello, world!", "when": "Hello, world!", "where": "Hello, world!", "description": "Hello, world!" } } ``` **Note** C'est ici que nous allouons les valeurs pour l'entrée mentionnée précédemment : ``` input CreateTodoInput { name: String when: String where: String description: String } ``` Modifiez le `createtodoinput` en ajoutant les informations que vous souhaitez mettre dans notre table DynamoDB. Dans ce cas, nous voulions créer certains `Todo` éléments comme rappels : ``` { "createtodoinput": { "name": "Shopping List", "when": "Friday", "where": "Home", "description": "I need to buy eggs" } } ``` 1. Choisissez **Exécuter** en haut de l'éditeur. Choisissez **CreateTodo** dans la liste déroulante. Sur le côté droit de l'éditeur, vous devriez voir la réponse. Cela peut ressembler à ce qui suit : ``` { "data": { "createTodo": { "where": "Home", "when": "Friday", "name": "Shopping List", "id": "abcdefgh-1234-1234-1234-abcdefghijkl", "description": "I need to buy eggs" } } } ``` Si vous accédez au service DynamoDB, vous verrez désormais une entrée dans votre source de données contenant les informations suivantes : ![\[TodoAPITable interface showing a completed scan with 1 item returned in a table format.\]](http://docs.aws.amazon.com/fr_fr/appsync/latest/devguide/images/explorer-example-3.png) Pour résumer l'opération, le moteur GraphQL a analysé l'enregistrement et un résolveur l'a inséré dans votre table Amazon DynamoDB. Encore une fois, vous pouvez le vérifier dans la console DynamoDB. Notez que vous n'avez pas besoin de transmettre de `id` valeur. Un `id` est généré et renvoyé dans les résultats. Cela est dû au fait que l'exemple utilisait une `autoId()` fonction dans un résolveur GraphQL pour la clé de partition définie sur vos ressources DynamoDB. Nous verrons comment créer des résolveurs dans une autre section. Prenez note de la `id` valeur renvoyée ; vous l'utiliserez dans la section suivante pour récupérer des données à l'aide d'une requête GraphQL. # Utilisation de requêtes GraphQL pour récupérer des données d'une table DynamoDB dans la console AWS AppSync Maintenant qu'un enregistrement existe dans votre base de données, vous obtiendrez des résultats lorsque vous exécuterez une requête. Une requête est l'une des autres opérations fondamentales de GraphQL. Il est utilisé pour analyser et récupérer des informations à partir de votre source de données. En termes de REST APIs, cela est similaire à l'`GET`opération. Le principal avantage des requêtes GraphQL est la possibilité de spécifier les exigences exactes de votre application en matière de données afin que vous puissiez récupérer les données pertinentes au bon moment. **Pour interroger votre source de données** 1. Si ce n'est pas déjà fait, connectez-vous à la [AppSync console AWS Management Console et ouvrez-la](https://console.aws.amazon.com/appsync/). 1. Choisissez votre API dans le tableau. 1. Dans l'onglet de gauche, sélectionnez **Requêtes**. 1. Dans l'onglet **Explorateur** situé à gauche du tableau, en dessous `query``listTodos`, développez l'`getTodo`opération : ![\[Expanded getTodo operation showing fields id, description, name, when, and where.\]](http://docs.aws.amazon.com/fr_fr/appsync/latest/devguide/images/explorer-example-4.png) 1. Dans l'éditeur de code, vous devriez voir le code d'opération : ``` query listTodos { getTodo(id: "") { description id name when where } ``` Dans`(id:"")`, renseignez la valeur que vous avez enregistrée dans le résultat de l'opération de mutation. Dans notre exemple, ce serait : ``` query listTodos { getTodo(id: "abcdefgh-1234-1234-1234-abcdefghijkl") { description id name when where } ``` 1. Choisissez **Exécuter**, puis **ListToDos**. Le résultat apparaîtra à droite de l'éditeur. Notre exemple ressemblait à ceci : ``` { "data": { "getTodo": { "description": "I need to buy eggs", "id": "abcdefgh-1234-1234-1234-abcdefghijkl", "name": "Shopping List", "when": "Friday", "where": "Home" } } } ``` **Note** Les requêtes renvoient uniquement les champs que vous spécifiez. Vous pouvez désélectionner les champs dont vous n'avez pas besoin en les supprimant du champ de retour : ``` { description id name when where } ``` Vous pouvez également décocher la case dans l'onglet **Explorateur** à côté du champ que vous souhaitez supprimer. 1. Vous pouvez également essayer l'`listTodos`opération en répétant les étapes pour créer une entrée dans votre source de données, puis en répétant les étapes de requête avec l'`listTodos`opération. Voici un exemple dans lequel nous avons ajouté une deuxième tâche : ``` { "createtodoinput": { "name": "Second Task", "when": "Monday", "where": "Home", "description": "I need to mow the lawn" } } ``` En appelant l'`listTodos`opération, elle a renvoyé à la fois les anciennes et les nouvelles entrées : ``` { "data": { "listTodos": { "items": [ { "id": "abcdefgh-1234-1234-1234-abcdefghijkl", "name": "Shopping List", "when": "Friday", "where": "Home", "description": "I need to buy eggs" }, { "id": "aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee", "name": "Second Task", "when": "Monday", "where": "Home", "description": "I need to mow the lawn" } ] } } } ``` # Sections supplémentaires pour la console AWS AppSync Ces sections constituent une référence pour des AWS AppSync sujets plus avancés. Nous vous recommandons de suivre la section de *lecture supplémentaire* avant de faire quoi que ce soit d'autre. ## Integration Dans l'onglet console, si vous choisissez le nom de votre API, la page **d'intégration** apparaît : ![\[AWS AppSync sidebar menu with APIs, Todo API highlighted, and other options listed.\]](http://docs.aws.amazon.com/fr_fr/appsync/latest/devguide/images/explorer-example-6.png) Il résume les étapes de configuration de votre API et décrit les prochaines étapes de création d'une application client. La section **Intégrer à votre application** fournit des informations détaillées sur l'utilisation de la [chaîne d'outils AWS Amplify](https://aws-amplify.github.io/) pour automatiser le processus de connexion de votre API à iOS, Android et aux JavaScript applications via la configuration et la génération de code. La chaîne d'outils Amplify fournit un support complet pour la création de projets à partir de votre station de travail locale, y compris le provisionnement GraphQL et les flux de travail pour CI/CD. La section **Exemples de clients** répertorie également des exemples d'applications clientes (iOS JavaScript, Android, par exemple) permettant de tester une end-to-end expérience. Vous pouvez cloner et télécharger ces exemples, et le fichier de configuration contient les informations nécessaires (telles que l'URL de votre point de terminaison) dont vous avez besoin pour démarrer. Suivez les instructions de la page de la [AWS Amplify chaîne d'outils](https://aws-amplify.github.io/) pour exécuter votre application. ## Lectures supplémentaires + [Conception de GraphQL APIs avec AWS AppSync](designing-a-graphql-api.md)- Il s'agit d'un guide complet pour créer votre GraphQL à l'aide d'un schéma vide sans sources de données ni résolveurs.