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.
# À l'aide de Infrastructure Composer à partir du AWS Toolkit for Visual Studio Code
Cette section décrit comment vous pouvez utiliser AWS Infrastructure Composer à partir du [AWS Toolkit for Visual Studio Code](https://aws.amazon.com//visualstudiocode/). Cela inclut un aperçu visuel d'Infrastructure Composer à partir du AWS Toolkit for Visual Studio Code. Il comprend également des instructions indiquant comment accéder à cette expérience et synchroniser votre projet depuis VS Code vers le AWS cloud. Pour synchroniser, vous utilisez la **sam sync** commande du AWS SAMCLI. Cette section fournit également des conseils d'utilisation Amazon Q dans Infrastructure Composer à partir du AWS Toolkit for Visual Studio Code.
Pour obtenir des conseils supplémentaires sur l'utilisation d'Infrastructure Composer à partir du AWS Toolkit for Visual Studio Code, reportez-vous à[Comment composer](using-composer-basics.md). Le contenu de cette section s'applique à cette expérience, ainsi qu'à l'expérience de la console Infrastructure Composer.
**Topics**
+ [Présentation visuelle d'Infrastructure Composer à partir du AWS Toolkit for Visual Studio Code](using-composer-ide-visual.md)
+ [Accédez à Infrastructure Composer à partir du AWS Toolkit for Visual Studio Code](setting-up-composer-access-ide.md)
+ [Synchronisez Infrastructure Composer pour le déployer sur AWS Cloud](using-composer-ide-sync.md)
+ [Utilisation AWS Infrastructure Composer avec Amazon Q Developer](using-composer-ide-cw.md)
# Présentation visuelle d'Infrastructure Composer à partir du AWS Toolkit for Visual Studio Code
Le concepteur visuel d'Infrastructure Composer AWS Toolkit for Visual Studio Code inclut un canevas visuel, qui inclut des composants numérotés dans l'image suivante et répertoriés ci-dessous.
![\[Le concepteur visuel d'Infrastructure Composer, y compris les composants de son canevas visuel qui sont détaillés numériquement.\]](http://docs.aws.amazon.com/fr_fr/infrastructure-composer/latest/dg/images/aac_use_ide_visual_02.png)
1. **Palette de ressources** : affiche les cartes que vous pouvez utiliser pour créer.
1. **Catégories de cartes** — Les cartes sont organisées par catégories propres à Infrastructure Composer.
1. **Barre de recherche de ressources** : recherchez des cartes que vous pouvez ajouter au canevas.
1. **Liste** : affiche une arborescence des ressources de votre application.
1. **Ressources** : affiche la palette de ressources.
1. **Bascule vers le volet gauche : masque** ou affiche le volet gauche.
1. **Organiser** : organise l'architecture de votre application dans le canevas.
1. **Sync** — Lance la CLI `sam sync` commande AWS Serverless Application Model (AWS SAM) pour déployer votre application.
1. **Menu** — Fournit des options générales telles que les suivantes :
+ **Toile d'exportation**
+ **Visitez la toile**
+ Liens vers la **documentation**
+ Raccourcis clavier
1. **Panneau des propriétés des ressources** : affiche les propriétés pertinentes pour la carte sélectionnée dans le canevas. Ce panneau est dynamique. Les propriétés affichées changeront au fur et à mesure que vous configurerez votre carte.
1. **Carte** : affiche une vue de votre carte sur le canevas.
1. **Ligne** — Représente une connexion entre des cartes.
1. **Groupe** — Un groupe de cartes. Vous pouvez regrouper les cartes pour une organisation visuelle.
1. **Port** : points de connexion à d'autres cartes.
1. **Actions de la carte** : indique les actions que vous pouvez effectuer sur votre carte.
+ **Détails** — Affiche le panneau **des propriétés des ressources**.
+ **Grouper** — Regroupez les cartes sélectionnées.
+ **Supprimer — Supprime** la carte de votre canevas et de votre modèle.
1. Recentrer : **recentrez** votre schéma d'application sur le canevas visuel.
1. **Zoom** — Zoomez en avant et en arrière sur votre toile.
# Accédez à Infrastructure Composer à partir du AWS Toolkit for Visual Studio Code
Suivez les instructions de cette rubrique pour accéder à Infrastructure Composer depuis le AWS Toolkit for Visual Studio Code.
**Note**
Avant de pouvoir accéder à Infrastructure Composer depuis le AWS Toolkit for Visual Studio Code, vous devez d'abord télécharger et installer le Toolkit for VS Code. Pour obtenir des instructions, consultez la section [Téléchargement du Toolkit for VS Code](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/downloads.html).
**Pour accéder à Infrastructure Composer depuis le Toolkit for VS Code**
Vous pouvez accéder à Infrastructure Composer de l'une des manières suivantes :
1. En sélectionnant le bouton Infrastructure Composer dans n'importe quel CloudFormation AWS SAM modèle.
1. Dans le menu contextuel, cliquez avec le bouton droit de la souris sur votre AWS SAM modèle CloudFormation ou sur votre modèle.
1. À partir de la palette de commandes VS Code.
Voici un exemple d'accès à Infrastructure Composer à partir du bouton Infrastructure Composer :
![\[Le compositeur d'infrastructure est accessible via le AWS Toolkit for Visual Studio Code.\]](http://docs.aws.amazon.com/fr_fr/infrastructure-composer/latest/dg/images/aac_intro_07.gif)
Pour plus d'informations sur l'accès à Infrastructure Composer, voir [Accès AWS Infrastructure Composer depuis le kit d'outils](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/appcomposer-overview.html#appcomposer-overview-access).
# Synchronisez Infrastructure Composer pour le déployer sur AWS Cloud
Utilisez le bouton AWS Infrastructure Composer de **synchronisation** situé dans le AWS Toolkit for Visual Studio Code pour déployer votre application dans le AWS Cloud.
Le bouton de **synchronisation** lance la `sam sync` commande depuis l'interface de ligne de AWS SAM commande (CLI).
La `sam sync` commande peut déployer de nouvelles applications ou synchroniser rapidement les modifications que vous apportez localement au AWS Cloud. La course à pied `sam sync` peut inclure les éléments suivants :
+ Création de votre application `sam build` pour préparer vos fichiers d'application locaux pour le déploiement en créant ou en mettant à jour un `.aws-sam` répertoire local.
+ Pour les ressources qui prennent en charge le AWS service APIs, elles AWS SAM CLI utiliseront le APIs pour déployer vos modifications. AWS SAM CLICela permet de mettre à jour rapidement vos ressources dans le cloud.
+ Si nécessaire, il AWS SAM CLI effectue un AWS CloudFormation déploiement pour mettre à jour l'ensemble de votre stack par le biais d'un ensemble de modifications.
La `sam sync` commande convient parfaitement aux environnements de développement rapide, lorsque la mise à jour rapide de vos ressources cloud peut être bénéfique pour vos flux de travail de développement et de test.
Pour en savoir plus`sam sync`, consultez la section [Utilisation de sam sync](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/using-sam-cli-sync.html) dans le *manuel du AWS Serverless Application Model développeur*.
## Configuration
Pour utiliser la fonctionnalité de **synchronisation** dans Infrastructure Composer, vous devez l'avoir AWS SAM CLI installée sur votre machine locale. Pour obtenir des instructions, consultez [la section Installation du AWS SAMCLI](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/install-sam-cli.html) dans le *guide du AWS Serverless Application Model développeur*.
Lorsque vous utilisez la fonction de **synchronisation** d'Infrastructure Composer, les AWS SAM CLI références à votre fichier de configuration contiennent les informations dont il a besoin pour synchroniser votre application avec le AWS Cloud. Pour obtenir des instructions sur la création, la modification et l'utilisation des fichiers de configuration, voir [Configurer les paramètres du projet](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/using-sam-cli-configure.html#using-sam-cli-configure-project) dans le *Guide du AWS Serverless Application Model développeur*.
## Synchronisez et déployez votre application
**Pour synchroniser votre application avec AWS Cloud**
1. Sélectionnez le bouton de **synchronisation** sur le canevas d'Infrastructure Composer.
1. Il se peut que vous receviez un message vous demandant de confirmer que vous travaillez avec une pile de développement. Sélectionnez **OK** pour continuer.
1. Infrastructure Composer peut vous demander de configurer les options suivantes :
+ **Région AWS**— La région avec laquelle synchroniser votre application.
+ **CloudFormation nom de la pile** : nom de votre CloudFormation pile. Vous pouvez sélectionner un nom de pile existant ou en créer un nouveau.
+ Compartiment **Amazon Simple Storage Service (Amazon S3)** : nom de votre compartiment Amazon S3. Ils AWS SAM CLI emballeront et stockeront vos fichiers d'application et votre code de fonction ici. Vous pouvez sélectionner un bucket existant ou en créer un nouveau.
Infrastructure Composer lancera la AWS SAM CLI `sam sync` commande et ouvrira une fenêtre de terminal dans votre IDE pour afficher sa progression.
# Utilisation AWS Infrastructure Composer avec Amazon Q Developer
AWS Infrastructure Composer de AWS Toolkit for Visual Studio Code fournit une intégration avecAmazon Q. Vous pouvez l'utiliser Amazon Q dans Infrastructure Composer pour générer le code d'infrastructure de vos AWS ressources lors de la conception de votre application.
Amazon Qest un générateur de code à usage général basé sur l'apprentissage automatique. Pour en savoir plus, consultez [Qu'est-ce que c'est Amazon Q ?](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/what-is.html) dans le *guide de Amazon Q Developer l'utilisateur*.
Pour les cartes de **ressources** et de **composants standard**, vous pouvez les utiliser Amazon Q pour générer des suggestions de code d'infrastructure pour vos ressources.
![\[Amazon Qgénération d'une suggestion de code dans Infrastructure Composer\]](http://docs.aws.amazon.com/fr_fr/infrastructure-composer/latest/dg/images/aac_use_ide_cw_01.gif)
**Les cartes de ressources** et de **composants standard** peuvent représenter une CloudFormation ressource ou un ensemble de CloudFormation ressources. Pour en savoir plus, veuillez consulter la section [Configurer et modifier des cartes dans Infrastructure Composer](using-composer-cards.md).
## Configuration
Pour l'utiliser Amazon Q dans Infrastructure Composer, vous devez vous authentifier Amazon Q dans le Toolkit. Pour obtenir des instructions, consultez [Getting started with Amazon Q VS Code et JetBrains](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/q-in-IDE.html) dans le *Guide de Amazon Q Developer l'utilisateur*.
## Utilisation Amazon Q Developer dans Infrastructure Composer
Vous pouvez utiliser Amazon Q Developer le panneau **des propriétés des ressources** de n'importe quelle **ressource standard** **ou carte de composant standard**.
**À utiliser Amazon Q dans Infrastructure Composer**
1. À partir d'une **ressource standard** **ou d'une carte de composant standard**, ouvrez le panneau **des propriétés de la ressource**.
1. Localisez le champ **Configuration des ressources**. Ce champ contient le code d'infrastructure de la carte.
1. Cliquez sur le bouton **Générer des suggestions**. Amazon Qgénérera une suggestion.
**Note**
Le code généré à ce stade ne remplacera pas le code d'infrastructure existant de votre modèle.
1. Pour générer d'autres suggestions, sélectionnez **Régénérer**. Vous pouvez passer d'un échantillon à l'autre pour comparer les résultats.
1. Pour sélectionner une option, choisissez **Sélectionner**. Vous pouvez modifier le code ici avant de l'enregistrer dans votre application. Pour quitter sans enregistrer, sélectionnez l'**icône de sortie (X)**.
1. Pour enregistrer le code dans votre modèle d'application, sélectionnez **Enregistrer** dans le panneau **des propriétés des ressources**.
## En savoir plus
Pour en savoir plusAmazon Q, voir [Qu'est-ce que c'est Amazon Q ?](https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/what-is.html) dans le *guide de Amazon Q Developer l'utilisateur*.