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.

# Connectez les cartes sur le canevas visuel d'Infrastructure Composer
<a name="reference-navigation-gestures-connect"></a>

Utilisez cette rubrique pour comprendre comment connecter des cartes dans Infrastructure Composer. Cette section contient des informations sur la connexion de cartes de composants améliorées et de cartes de composants standard. Il fournit également quelques exemples illustrant les différentes manières dont les cartes peuvent être connectées.

## Connexion de cartes de composants améliorées
<a name="reference-navigation-gestures-connect-enhanced"></a>

Sur les cartes de composants améliorées, les ports identifient visuellement les endroits où les connexions peuvent être établies.
+ Un port situé sur le côté droit d'une carte indique que la carte a la possibilité d'invoquer une autre carte.
+ Un port situé sur le côté gauche d'une carte indique qu'il est possible que la carte soit invoquée par une autre carte.

Connectez les cartes entre elles en cliquant sur le port droit d'une carte et en le faisant glisser sur le port gauche d'une autre carte.

![Une carte API Gateway connectée à une fonction Lambda.](http://docs.aws.amazon.com/fr_fr/infrastructure-composer/latest/dg/images/aac_use_con_02.png)


Lorsque vous créez une connexion, un message s'affiche pour vous indiquer si la connexion a été établie avec succès. Sélectionnez le message pour voir ce qu'Infrastructure Composer a modifié pour configurer une connexion. Si la connexion a échoué, vous pouvez sélectionner la **vue Modèle** pour mettre à jour manuellement votre code d'infrastructure afin de configurer la connexion.
+ En cas de succès, cliquez sur le message pour afficher l'**inspecteur des modifications**. Vous pouvez voir ici ce qu'Infrastructure Composer a modifié pour configurer votre connexion.
+ En cas d'échec, un message s'affiche. Vous pouvez sélectionner la **vue Modèle** et mettre à jour manuellement le code de votre infrastructure pour configurer la connexion.

![Afficher le Change Inspector depuis le bas de l'écran.](http://docs.aws.amazon.com/fr_fr/infrastructure-composer/latest/dg/images/aac_use_ci_02.gif)


Lorsque vous connectez des cartes de composants améliorées, Infrastructure Composer crée automatiquement le code d'infrastructure dans votre modèle pour établir la relation événementielle entre vos ressources.

## Connexion de cartes de composants standard (cartes de ressources IaC standard)
<a name="reference-navigation-gestures-connect-standard"></a>

Les cartes de ressources IaC standard n'incluent pas de ports permettant de créer des connexions avec d'autres ressources. Lors de [la configuration des cartes](using-composer-standard-cards.md), vous spécifiez les relations basées sur les événements dans le modèle de votre application. Infrastructure Composer détectera automatiquement ces connexions et les visualisera avec une ligne en pointillés entre vos cartes. Voici un exemple de connexion entre une carte de composant standard et une carte de composant améliorée :

![Une carte de composants standard connectée à une carte de composants améliorée.](http://docs.aws.amazon.com/fr_fr/infrastructure-composer/latest/dg/images/aac_use_con_04.png)


L'exemple suivant montre comment une fonction Lambda peut être connectée à une API REST Amazon API Gateway :

```
AWSTemplateFormatVersion: '2010-09-09'
Resources:
  MyApi:
    Type: 'AWS::ApiGateway::RestApi'
    Properties:
      Name: MyApi

  ApiGatewayMethod:
    Type: 'AWS::ApiGateway::Method'
    Properties:
      HttpMethod: POST  # Specify the HTTP method you want to use (e.g., GET, POST, PUT, DELETE)
      ResourceId: !GetAtt MyApi.RootResourceId
      RestApiId: !Ref MyApi
      AuthorizationType: NONE
      Integration:
        Type: AWS_PROXY
        IntegrationHttpMethod: POST
        Uri: !Sub
          - arn:aws:apigateway:${AWS::Region}:lambda:path/2015-03-31/functions/${LambdaFunctionArn}/invocations
          - { LambdaFunctionArn: !GetAtt MyLambdaFunction.Arn }
      MethodResponses:
        - StatusCode: 200

  MyLambdaFunction:
    Type: 'AWS::Lambda::Function'
    Properties:
      Handler: index.handler
      Role: !GetAtt LambdaExecutionRole.Arn
      Runtime: nodejs14.x
      Code:
        S3Bucket: your-bucket-name
        S3Key: your-lambda-zip-file.zip

  LambdaExecutionRole:
    Type: 'AWS::IAM::Role'
    Properties:
      AssumeRolePolicyDocument:
        Version: '2012-10-17'
        Statement:
          - Effect: Allow
            Principal:
              Service: lambda.amazonaws.com
            Action: 'sts:AssumeRole'
      Policies:
        - PolicyName: LambdaExecutionPolicy
          PolicyDocument:
            Version: '2012-10-17'
            Statement:
              - Effect: Allow
                Action:
                  - 'logs:CreateLogGroup'
                  - 'logs:CreateLogStream'
                  - 'logs:PutLogEvents'
                Resource: 'arn:aws:logs:*:*:*'
              - Effect: Allow
                Action:
                  - 'lambda:InvokeFunction'
                Resource: !GetAtt MyLambdaFunction.Arn
```

Dans l'exemple ci-dessus, l'extrait de code répertorié ci-dessous `Integration:` indique la relation événementielle qui relie les deux cartes. `ApiGatewayMethod:`