Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

# Connect kartu pada kanvas visual Infrastructure Composer
<a name="reference-navigation-gestures-connect"></a>

Gunakan topik ini untuk memahami cara menghubungkan kartu di Infrastructure Composer. Bagian ini mencakup detail tentang menghubungkan kartu komponen yang disempurnakan dan kartu komponen standar. Ini juga memberikan beberapa contoh yang menggambarkan berbagai cara kartu dapat dihubungkan.

## Menghubungkan kartu komponen yang disempurnakan
<a name="reference-navigation-gestures-connect-enhanced"></a>

Pada kartu komponen yang disempurnakan, port secara visual mengidentifikasi di mana koneksi dapat dibuat.
+ Sebuah port di sisi kanan kartu menunjukkan kesempatan bagi kartu untuk memanggil kartu lain.
+ Sebuah port di sisi kiri kartu menunjukkan kesempatan bagi kartu untuk dipanggil oleh kartu lain.

Connect kartu bersama-sama dengan mengklik pada port kanan dari satu kartu dan menyeretnya ke port kiri pada kartu lain.

![\[Kartu API Gateway yang terhubung ke fungsi Lambda.\]](http://docs.aws.amazon.com/id_id/infrastructure-composer/latest/dg/images/aac_use_con_02.png)


Saat Anda membuat koneksi, sebuah pesan akan ditampilkan, memberi tahu Anda jika koneksi berhasil dibuat. Pilih pesan untuk melihat apa yang diubah Infrastructure Composer untuk menyediakan koneksi. Jika koneksi tidak berhasil, Anda dapat memilih **tampilan Template** untuk memperbarui kode infrastruktur secara manual untuk menyediakan koneksi.
+ Jika berhasil, klik pesan untuk melihat **inspektur Ubah**. Di sini, Anda dapat melihat Infrastructure Composer apa yang dimodifikasi untuk menyediakan koneksi Anda.
+ Ketika tidak berhasil, sebuah pesan akan ditampilkan. Anda dapat memilih **tampilan Template** dan memperbarui kode infrastruktur secara manual untuk menyediakan koneksi.

![\[Memunculkan Change Inspector dari bagian bawah layar.\]](http://docs.aws.amazon.com/id_id/infrastructure-composer/latest/dg/images/aac_use_ci_02.gif)


Saat Anda menghubungkan kartu komponen yang disempurnakan bersama-sama, Infrastructure Composer secara otomatis membuat kode infrastruktur di template Anda untuk menyediakan hubungan berbasis peristiwa antara sumber daya Anda.

## Menghubungkan kartu komponen standar (kartu sumber daya standar IAC)
<a name="reference-navigation-gestures-connect-standard"></a>

Kartu sumber daya IAC standar tidak termasuk port untuk membuat koneksi dengan sumber daya lain. Selama [konfigurasi kartu](using-composer-standard-cards.md), Anda menentukan hubungan berbasis peristiwa dalam template aplikasi Anda, Infrastructure Composer akan secara otomatis mendeteksi koneksi ini dan memvisualisasikannya dengan garis putus-putus di antara kartu Anda. Berikut ini adalah contoh koneksi antara kartu komponen standar dan kartu komponen yang disempurnakan:

![\[Kartu komponen standar yang terhubung ke kartu komponen yang disempurnakan.\]](http://docs.aws.amazon.com/id_id/infrastructure-composer/latest/dg/images/aac_use_con_04.png)


Contoh berikut menunjukkan bagaimana fungsi Lambda dapat dihubungkan dengan 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
```

Dalam contoh di atas, cuplikan kode yang tercantum di `ApiGatewayMethod:` bawah `Integration:` menentukan hubungan event-driven yang menghubungkan dua kartu.