翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# aws-クラウドフロント-アピゲートウェイ
<a name="aws-cloudfront-apigateway"></a>

![](http://docs.aws.amazon.com/ja_jp/solutions/latest/constructs/images/experimental.png)


 すべてのクラスは積極的に開発されており、将来のバージョンでは下位互換性がない変更または削除の対象となります。これらは、[セマンティックバージョン管理](https://semver.org/)モデル。つまり、これらのパッケージを使用するかもしれませんが、このパッケージの新しいバージョンにアップグレードするときにソースコードを更新する必要があるかもしれません。

**注意:** 正しく機能するためには、プロジェクト内の AWS ソリューション構築パッケージと AWS CDK パッケージが同じバージョンである必要があります。


|  **言語**  |  **パッケージ**  | 
| --- | --- | 
|  ![](http://docs.aws.amazon.com/ja_jp/solutions/latest/constructs/images/python.png) Python  |  aws\_solutions\_constructs.aws\_cloudfront\_apigateway  | 
|  ![](http://docs.aws.amazon.com/ja_jp/solutions/latest/constructs/images/typescript.png) TypeScript  |  @aws-solutions-constructs/aws-cloudfront-apigateway  | 
|  ![](http://docs.aws.amazon.com/ja_jp/solutions/latest/constructs/images/java.png) Java  |  software.amazon.awsconstructs.services.cloudfrontapigateway  | 

## Overview
<a name="overview-4"></a>

 この AWS ソリューション構築物は、Amazon API Gateway REST API の前で Amazon CloudFront ディストリビューションを実装します。

 TypeScript の最小限のデプロイ可能なパターン定義は次のとおりです。

```
import * as api from '@aws-cdk/aws-apigateway';
import * as lambda from "@aws-cdk/aws-lambda";
import { CloudFrontToApiGateway } from '@aws-solutions-constructs/aws-cloudfront-apigateway';
  
const lambdaProps: lambda.FunctionProps = {
    code: lambda.Code.fromAsset(`${__dirname}/lambda`),
    runtime: lambda.Runtime.NODEJS_12_X,
    handler: 'index.handler'
};

const lambdafunction = new lambda.Function(this, 'LambdaFunction', lambdaProps);

const apiGatewayProps: api.LambdaRestApiProps = {
        handler: lambdafunction,
        endpointConfiguration: {
            types: [api.EndpointType.REGIONAL]
        },
        defaultMethodOptions: {
            authorizationType: api.AuthorizationType.NONE
        }
};

const apiGateway = new api.LambdaRestApi(this, 'LambdaRestApi', apiGatewayProps);

new CloudFrontToApiGateway(this, 'test-cloudfront-apigateway', {
    existingApiGatewayObj: apiGateway
});
```

## Initializer
<a name="initializer-4"></a>

```
new CloudFrontToApiGateway(scope: Construct, id: string, props: CloudFrontToApiGatewayProps);
```

 *パラメータ* 
+  scope[https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_core.Construct.html](https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_core.Construct.html) 
+  id`string` 
+  props[`CloudFrontToApiGatewayProps`](#pattern-construct-props-4) 

## パターン構成プロパティ
<a name="pattern-construct-props-4"></a>


|  **名前**  |  **タイプ**  |  **説明**  | 
| --- | --- | --- | 
|  ExistingApigateWayObj  |  [https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-apigateway.RestApi.html](https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-apigateway.RestApi.html)  |  CloudFront の前面となるリージョン API Gateway  | 
|  CloudFrontDistributionProps？  |  [https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-cloudfront.DistributionProps.html](https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-cloudfront.DistributionProps.html)  |  CloudFront ディストリビューションのデフォルトの小道具を上書きするオプションのユーザー提供の小道具です。 | 
|  TTPセキュリティヘッダーを挿入しますか？  |  boolean  |  CloudFront からのすべての応答でベストプラクティス HTTP セキュリティヘッダーの自動インジェクションをオン/オフするためのオプションのユーザー提供の小道具  | 

## パターンプロパティ
<a name="pattern-properties-4"></a>


|  **名前**  |  **タイプ**  |  **説明**  | 
| --- | --- | --- | 
|  apigateway  |  [https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-apigateway.RestApi.html](https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-apigateway.RestApi.html)  |  パターンによって作成された API Gateway REST API のインスタンスを返します。 | 
|  CloudFrontLoggingBucket？  |  [https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-s3.Bucket.html](https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-s3.Bucket.html)  |  CloudFront ウェブディストリビューションのパターンによって作成されたロギングバケットのインスタンスを返します。 | 
|  クラウドフロントウェブディストリビューション  |  [https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-cloudfront.CloudFrontWebDistribution.html](https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-cloudfront.CloudFrontWebDistribution.html)  |  パターンによって作成された CloudFront ウェブディストリビューションのインスタンスを返します。 | 
|  EdgeLambdaFunctionVersion？  |  [https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-lambda.Version.html](https://docs.aws.amazon.com/cdk/api/latest/docs/@aws-cdk_aws-lambda.Version.html)  |  パターンによって作成された Lambda エッジ関数バージョンのインスタンスを返します。 | 

## デフォルト設定
<a name="default-settings-4"></a>

 オーバーライドなしでこのパターンをすぐに実装すると、次のデフォルトが設定されます。

### Amazon CloudFront
<a name="amazon-cloudfront-1"></a>
+  CloudFront ウェブディストリビューションのアクセスログの設定 
+  CloudFront WebDistribution からのすべてのレスポンスでベストプラクティス HTTP セキュリティヘッダーの自動インジェクションを有効にする 

### Amazon API Gateway
<a name="amazon-api-gateway-4"></a>
+  ユーザー提供の API Gateway オブジェクトはそのまま使用されます。
+  X-Ray トレースを有効にする

## Architecture
<a name="architecture-4"></a>

![](http://docs.aws.amazon.com/ja_jp/solutions/latest/constructs/images/aws-cloudfront-apigateway.png)


## GitHub
<a name="github-4"></a>


<table>
<thead>
  <tr><th colspan="2"> このパターンのコードを表示するには、問題を作成/表示し、プル要求などを行います。 </th></tr>
</thead>
<tbody>
  <tr><td> ![](http://docs.aws.amazon.com/ja_jp/solutions/latest/constructs/images/GitHub-Mark-32px.png) </td><td> [@aws-solutions-構築/aws-cloudfront-apigateway](https://github.com/awslabs/aws-solutions-constructs/tree/master/source/patterns/%40aws-solutions-constructs/aws-cloudfront-apigateway) </td></tr>
</tbody>
</table>