Name:
interface
Value:
Amplify has re-imagined the way frontend developers build fullstack applications. Develop and deploy without the hassle.

Page updated Apr 30, 2024

Maintenance ModeYou are viewing Amplify Gen 1 documentation. Amplify Gen 1 has entered maintenance mode and will reach end of life on May 1, 2027. New project should use Amplify Gen 2. For existing Gen 1 projects, a migration guide and tooling are available to help you upgrade. Switch to the latest Gen 2 docs →

モッキングとテスト

ローカルモッキングを使用する前に、Amplifyセットアップの**Getting Started**セクションを完了することを強くお勧めします。

すべての変更をクラウドにプッシュすることなく、迅速にテストおよびデバッグするために、Amplifyは特定のカテゴリに対して_ローカルモッキングおよびテスト_をサポートしています。これにはAPI(AWS AppSync)、Storage(Amazon DynamoDBおよびAmazon S3)、Functions(AWS Lambda)が含まれます。これには、GraphQL Transformerからのディレクティブの使用、リゾルバの編集およびデバッグ、ホットリロード、認可チェックのJWTモッキング、およびコンテンツのアップロードやダウンロードなどのS3操作の実行が含まれます。

Amplifyでローカルモッキングを使用するには、開発ワークステーションにJavaが必要です。

**注意:**現在、Apple Silicon Macでは、ARMプロセッサ用に構築された特定のJDKバージョンを使用している場合、Amplifyはモックの起動に失敗することがあります。

この問題が発生した場合は、JavaウェブサイトからオフィシャルのopenJDK 16.0.1を使用してみてください:JDKダウンロード

サンプルアプリを使用したブログウォークスルー

APIモッキングのセットアップ

amplify initを実行した後、クラウドにプッシュする前にGraphQL APIを追加して、すぐにモッキングを開始できます。REST APIはまだサポートされていません。例えば:

amplify init
amplify add api # GraphQLを選択し、APIキーを使用します
amplify mock api

amplify mock apiを実行すると、codegen処理が実行され、クエリ、ミューテーション、サブスクリプションなどの必要なGraphQLアセット、およびアプリケーション用のTypeScriptまたはSwiftクラスが作成されます。Androidでは、codegen処理の完了後にGradleが必要なクラスを作成するための構築ステップが必要であり、AndroidManifest.xmlの追加設定も必要です。

ローカルでアプリをテストしたくない場合でも、ローカルGraphQLコンソールを使用したり、VTLリゾルバを編集、デバッグ、およびテストしたりすることができます。

スキーマを追加する際は、最初にAPI Keyを使用してすべてが機能することを確認してください。ただし、Cognito User Poolに対して認証することもでき、ローカルテストサーバーはJWTトークンを受け入れます。ローカルコンソールでJWTトークンをモックすることもできます(以下で説明)。ただし、その場合はUser Poolを作成するために最初にamplify pushを実行する必要があります。

スキーマを定義する際には、ローカルテストおよびスキーマからのローカルコード生成でGraphQL Transformerのディレクティブを使用できます。現在、ローカルテストでは次のディレクティブがサポートされています:

@modelタイプでのLambdaトリガーのモッキング

ここにリストされている手順に従って、GraphQLスキーマの@modelタイプに対してDynamoDB Lambdaトリガーがセットアップされている場合、amplify mockまたはamplify mock apiを使用してこれらのLambdaトリガーをローカルでテストできます。

接続されたLambdaトリガーは、ローカルDynamoDBエンドポイント(http://localhost:62224)またはローカルAppSyncコンソール(http://localhost:20002)を使用して@modelタイプに対するCRUD操作を実行した場合、自動的にローカルで呼び出されます。Lambdaトリガーに送信されるイベントの構造はここで見つけることができます。

以下の関数モック環境変数にリストされている環境変数は、Lambdaトリガーの各呼び出しで利用可能です。

さらに、関数ディレクトリ内(例:<project root>/amplify/backend/function/<function name>/.env)に.envファイルを使用して、ローカルモッキング用の環境変数をオーバーライドできます。

@searchableを持つ@modelタイプのモッキング

GraphQLスキーマ内の@modelタイプで@searchableディレクティブを使用している場合、amplify mockまたはamplify mock apiを使用してローカルで生成される検索GraphQLクエリをテストできます。検索クエリの詳細については、このガイドを参照してください。

検索可能なモデルを使用してAPIをモックする場合、次のアーティファクトが作成されます:

  • OpenSearch version 1.3.0がダウンロードされます。
  • Python Lambdaトリガーはmock-api-resources/searchable/searchable-lambda-triggerにローカルに保存されます。このLambdaトリガーは、検索可能なモデルタイプに対するCRUD操作を実行する場合、自動的にローカルで呼び出されます。対応する検索インデックス内のデータはローカルOpenSearchクラスタで更新されます。
  • OpenSearchインデックスを保存するためのデータフォルダがmock-api-resources/searchable/searchable-dataに作成されます。

この機能はLinuxおよびMacシステムでのみ利用可能です。Windowsベースのシステムでは、検索GraphQLクエリに対して空のリストが出力されます。

**注意:**Mockでは、IAM認可ルールはリクエストがAccessKey ASIAVJKIAM-AuthRoleで署名されている場合、Authロールとして扱われます。それ以外の場合、リクエストはAuthなしユーザーによって作成されたものとして扱われます。

Storageモッキングのセットアップ

S3ストレージモッキングの場合、amplify initを実行した後、最初にamplify add authを実行する必要があります(明示的に、またはストレージを最初に追加する場合は暗黙的に)。その後、amplify pushを実行してください。これは、クライアントライブラリでストレージをモッキングするには初期セットアップ用の認証情報が必要であるためです。ただし、バケットポリシーに配置されたものなどのS3認可ルールは、現在ローカルモッキングによってチェックされていないことに注意してください。

初期プッシュを実行した後は、モックサーバーを実行してローカルエンドポイントにアクセスできます:

amplify init
amplify add storage # これでアプリを追加するよう促されます
amplify push
amplify mock storage

iOSアプリケーションでローカルS3エンドポイントを使用するには、Info.plistファイルを変更する必要があります。AndroidアプリケーションでローカルS3エンドポイントを使用するには、AndroidManifest.xmlの追加設定が必要です。

DynamoDBストレージの場合、GraphQL APIを作成するときにセットアップが自動的に行われ、アクションは必要ありません。モックされたデータのリソース(DynamoDBローカルデータベースやローカルS3エンドポイントを使用してアップロードされたオブジェクトなど)は、プロジェクト内のamplify/mock-dataに保存されます。

関数モッキングのセットアップ

amplify add functionでプロジェクトに関数を追加した後、amplify mock functionを使用してテストできます。

amplify mock functionは次の引数をサポートしています:

  • <function name> - モックする関数の名前。amplify mock functionの直後に続く必要があります。例えば、amplify mock function myFunctionName
  • --event "<path to event JSON file>" - 指定されたJSONファイルをLambdaハンドラーに渡すイベントとして使用します
  • --timeout <number of seconds> - デフォルトの10秒の関数応答タイムアウトをカスタムタイムアウト値でオーバーライドします

さらに、amplify mock functionを実行すると、複数の関数を選択してテストできます。

GraphQLを使用した関数モッキング

スキーマに@functionを使用して接続されたGraphQL Lambdaリゾルバは、amplify mock apiを使用してモックできます。例えば、quoteOfTheDayという名前の関数があり、次のようなスキーマがある場合:

type Query {
getQuote: String @function(name: "quoteOfTheDay-${env}")
}

その場合、amplify mock apiを実行すると、ローカルGraphQLエンドポイントは次のようなGraphQLクエリを実行するときにこの関数をローカルで呼び出します:

query {
getQuote
}

関数モック環境変数

amplify mock functionは、クラウドにデプロイされたときに存在するのと同じ環境変数を設定します。Amplifyは関数のCloudFormationテンプレートを解析し、そこで指定された環境変数を解決しようとします(また、関数モック制限も確認してください)。

CloudFormationパラメータは以下によって解決されます:

  • 関数のparameters.jsonファイルで指定された値を解決します
  • <env>.categories.function.<function name>ブロック内のteam-provider-info.jsonで指定された値を解決します。ここで、<env>は現在チェックアウトされている環境で、<function name>はモックされている関数です
  • AWS::RegionAWS::AccountIDAWS::StackNameAWS::StackIdは、team-provider-info.jsonの現在の環境のawscloudformation設定を解析することによって解決されます
  • プロジェクト内の他のリソースへの依存関係から構成されたパラメータは、amplify-meta.jsonを解析することによって解決されます。さらに、モックAPIが現在実行中で、関数がAPIに依存している場合、ローカルAPI URLはクラウドURLに置き換わります

モック環境は、次の方法でLambdaランタイム環境変数も設定します:

  • AWS_ACCESS_KEY_IDAWS_SECRET_ACCESS_KEYAWS_SESSION_TOKENは、Amplifyプロジェクトが現在設定されているAWS認証情報を使用して設定されます
  • _HANDLERAWS_REGIONAWS_LAMBDA_FUNCTION_NAMELAMBDA_TASK_ROOTLAMBDA_RUNTIME_DIRは、モックされている関数に基づいて設定されます
  • 他のすべてのランタイム環境変数については、静的なデフォルト値が指定されます。静的デフォルト値の完全なリストはここで見つけることができます

関数ディレクトリ内(例:<project root>/amplify/backend/function/<function name>/.env)の.envファイルで、モック環境変数をオーバーライドすることもできます。

モック@modelテーブルへの接続

amplify mock apiを実行するときに、モック関数を@modelで生成されたテーブルに接続するには:

  1. 関数ディレクトリに次の内容で.envファイルを作成します:
AWS_REGION=us-fake-1
DDB_ENDPOINT=http://localhost:62224
AWS_ACCESS_KEY_ID=fake
AWS_SECRET_ACCESS_KEY=fake
API_<api name>_<model>TABLE_NAME=<model>Table

<api name>をAPIの名前に置き換え、<model>をモデルの名前に置き換えます。環境変数名はすべて大文字にする必要があります。例えば、「FlightStats」という名前のAPIがあり、type Airplane @model {...}として定義されたモデルがある場合、.envファイルの最後の行は次のようになります:

API_FLIGHTSTATS_AIRPLANETABLE_NAME=AirplaneTable
  1. 関数のDynamoDBクライアントを次のように設定します:
const ddb = new aws.DynamoDB.DocumentClient({
endpoint: process.env.DDB_ENDPOINT
});
const result = await ddb
.put({
TableName: process.env.API_FLIGHTSTATS_AIRPLANETABLE_NAME,
Item: {
id: '1234567890',
name: 'F-22',
description: 'Cool fighter jet'
}
})
.promise();
  1. amplify mock apiを実行してローカルDynamoDBエンドポイントを有効にします
  2. amplify mock functionを実行します。これでモックDynamoDBテーブルに接続されます

クラウドで実行する場合、これらの環境変数はDDB_ENDPOINTを除いて有効な値を持ちます。DDB_ENDPOINTundefinedになります。この場合、DynamoDBクライアントはデフォルトエンドポイントを使用します。

ローカルで実行する場合、これらの環境変数はローカルデータベースに接続するために必要な偽の値を指定する.envファイルを使用して設定されます。

**注意:**モックデータベースに接続中に、モック関数内の他のAWSリソースへの呼び出しは機能しません。AWS認証情報環境変数が偽の認証情報で上書きされているためです。モックテーブルと他のAWSサービスの両方を呼び出すには、DynamoDBクライアント設定で偽の認証情報と実際の認証情報を切り替えるロジックを追加してください。この場合、.envファイルを次のように設定できます:

IS_MOCK=true

そしてDynamoDBクライアントを次のように設定します:

const clientConfig = process.env.IS_MOCK
? {
region: 'us-fake-1',
endpoint: 'http://localhost:62224',
credentials: new aws.Credentials({
accessKeyId: 'fake',
secretAccessKeyId: 'fake'
})
}
: undefined;
const ddb = new aws.DynamoDB.DocumentClient(clientConfig);

関数モック制限

amplify mock functionは、Lambdaランタイム環境を完全にシミュレートしようとはしません。モッキング時の関数の動作がクラウドでの実行と異なる場合があります。

例えば、モックはローカルOSで実行され、クラウドで関数を実行するAmazon Linuxをエミュレートしようとはしません。amplify mock functionでのテストは関数の正確性に対する迅速なフィードバックを得るために使用されるべきですが、クラウド開発環境でのテストの代わりとして使用されるべきではありません。

複数のリソースのモッキング

API、Storage、またはFunctionsを一緒にモックするには、次を実行します:

amplify mock

モックは、プロジェクトに追加されたモック可能なリソースに応じて、次のプロンプトを表示します:

? Select the category … (Use arrow keys or type to filter)
❯● GraphQL API
○ Function
○ Storage

設定ファイル

ローカルモックエンドポイントに対する操作を実行する場合、Amplify CLIは自動的にaws-exports.jsおよびawsconfiguration.jsonをローカルエンドポイント、必要に応じて偽の値(例えば偽のAPIキー)で更新し、SSLを無効にします。明示的な値(DangerouslyConnectToHTTPEndpointForTesting)を使用して、この機能がローカルモッキングおよびテストのためのみであることを示します。これはamplify mockを実行してサーバーが実行されている場合に自動的に発生します。モックサーバーを停止すると、設定ファイルはプロジェクトの正しいクラウドエンドポイントで更新され、DangerouslyConnectToHTTPEndpointForTestingは設定ファイルから削除されます。

aws-exports.jsの例

const awsmobile = {
aws_project_region: 'us-east-1',
aws_appsync_graphqlEndpoint: 'http://localhost:20002/graphql',
aws_appsync_region: 'us-east-1',
aws_appsync_authenticationType: 'AMAZON_COGNITO_USER_POOLS',
aws_appsync_apiKey: 'da2-fakeApiId123456',
aws_appsync_dangerously_connect_to_http_endpoint_for_testing: true,
aws_cognito_identity_pool_id:
'us-east-1:270445b2-cc92-4d46-a937-e41e49bdb892',
aws_cognito_region: 'us-east-1',
aws_user_pools_id: 'us-east-1_excPT39ZN',
aws_user_pools_web_client_id: '4a950rsq08d2gi68ogdt7sjqub',
oauth: {},
aws_user_files_s3_bucket:
'local-testing-app-2fbf0a32d1896419b88f004c2755d084c-dev',
aws_user_files_s3_bucket_region: 'us-east-1',
aws_user_files_s3_dangerously_connect_to_http_endpoint_for_testing: true
};

awsconfiguration.jsonの例

"AppSync": {
"Default": {
"ApiUrl": "http://localhost:20002/graphql",
"Region": "us-east-1",
"AuthMode": "AMAZON_COGNITO_USER_POOLS",
"ClientDatabasePrefix": "deddd_AMAZON_COGNITO_USER_POOLS",
"DangerouslyConnectToHTTPEndpointForTesting": true
}
},
"S3TransferUtility": {
"Default": {
"Bucket": "local-testing-app-2fbf0a32d1896419b88f004c2755d084c-dev",
"Region": "us-east-1",
"DangerouslyConnectToHTTPEndpointForTesting": true
}
}

iOSの設定

iOSでローカルモックS3サーバーに対して実行する場合、ローカルネットワーク上でSSLを不要にするためにInfo.plistを更新する必要があります。これを有効にするには、NSAppTransportSecurityの下でNSAllowsLocalNetworkingYESに設定します。これにより、セキュリティ例外をlocalhostドメインのみに限定します。詳細はNSAllowsLocalNetworkingのApple Developer Documentationを参照してください。

Androidの設定

Androidでローカルモックサーバーに対して実行する場合、アプリがローカルネットワーク上で実行されている場合にのみクリアテキストトラフィックを有効にするために、追加のビルドバリアント(DebugとReleaseなど)を使用することをお勧めします。これにより、Release Build Variantでセキュリティで保護されていないHTTPトラフィックを許可しないようにします。

例えば、Android Studioプロジェクトで/src/debug/AndroidManifest.xmlを作成し、このファイル内にネットワーク設定ファイル参照android:networkSecurityConfig="@xml/network_security_config"を作成します:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
<application android:networkSecurityConfig="@xml/network_security_config" />
</manifest>

次に、ネットワーク設定ファイル/src/debug/res/xml/network_security_config.xmlを作成し、localhostのIPレンジのみに制限します:

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
<domain-config cleartextTrafficPermitted="true">
<domain includeSubdomains="true">10.0.2.2</domain>
</domain-config>
</network-security-config>

次に、ビルドバリアントを使用し、Debugビルドを実行してローカルモックサーバーのみでこの設定をテストしてください。詳細については、公式Androidドキュメンテーションを参照してください。

あるいは、本番以外のアプリケーションを実行していて、複数のビルドバリアントを使用したくない場合は、以下のコードスニペットのようにAndroidManifest.xmlandroid:usesClearTextTraffic="true"を設定できます。これは推奨されません。モッキングが完了したら、これを削除してください。

<application
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme"
android:usesClearTextTraffic="true" >
<!--other code-->
</application>

GraphQLローカルコンソール

テストを開始する前に、JavaScriptアプリケーション、AndroidアプリケーションまたはiOSアプリケーションを開始する前に、次のコマンドを実行します:

amplify mock

または、APIカテゴリのみをモックするためにamplify mock apiを実行できます。クライアントアプリケーションを構築している場合は、プロンプトが表示されたら、クエリ、ミューテーション、サブスクリプションを自動的に生成するためにYESを選択してください。

サーバーが起動すると、URLが出力されます。ブラウザでこのURLを開きます(http://localhost:20002のはずです)。OneGraph GraphQLコンソールがブラウザで開きます。左側のエクスプローラーを使用してクエリ/ミューテーションを構築したり、メインウィンドウに手動でステートメントを入力したりできます。Amplifyモッキングは、DynamoDB Localを使用してシステム上にレコードを永続化します。必要に応じて、SQLite Explorerを使用してVisual Studio codeでこれらを表示できます。そのレポのための指示に従ってローカルデータベースに接続してください。

APIがCognito User Poolsを使用するように設定されている場合、ローカルコンソールは、バンドルされたJWTトークンのUsernameGroupsemailを変更する方法を提供します。これらの値はGraphQL transformers Authディレクティブで使用されます。Authをクリックして変更を保存し、コンソールで操作を実行してルールをテストすることで、編集してください。

GraphQLリゾルバのデバッグ

VTLテンプレートをローカルで編集して、CloudFormationにプッシュする前にエラーが含まれているかどうかを確認できます。リモートで実行されている場合、行番号は問題を引き起こしています。ローカルAPIが実行されている場合、amplify/backend/api/APINAME/resolversに移動します。APINAME$amplify add apiを実行した時に使用した論理名です。Transformerが生成したリゾルバテンプレートのリストが表示されます。それらのいずれかを変更して保存すると、Mapping template change detected. Reloading.というメッセージですぐにローカルで実行されているAPIサービスにロードされます。エラーがある場合は、次のようなメッセージが表示されます:

Reloading failed Error: Parse error on line 1:
...son($context.result
----------------------^

ローカルサーバーを停止する場合(例えば、変更をクラウドにプッシュするため)、../APINAME/resolversディレクトリ内のすべてのテンプレートは、変更したテンプレート以外は削除されます。その後、クラウドにプッシュするときに、これらのローカル変更はAppSync APIにマージされます。

スキーマを変更して再度テストします

アプリを開発するときはいつでも、amplify/backend/api/APINAME/schema.graphqlに存在するGraphQLスキーマを変更できます。ローカルサーバーが実行されている間に、サポートされているディレクティブを使用してタイプを変更して、このファイルを保存できます。変更が検出され、スキーマが有効な場合、ローカルAPIにホットリロードされます。スキーマにエラーがある場合は、エラーが次のようにターミナルに出力されます:

Unknown directive "mode".
GraphQL request (1:11)
1: type Todo @mode{
^
2: id: ID!
at GraphQLTransform.transform

これらのカテゴリ用に設定されたAmplifyライブラリは、ローカルモック化されたエンドポイントを使用してアプリケーションをテストできます。モックエンドポイントが実行されている場合、CLIはaws-exports.jsまたはawsconfiguration.jsonをモックサーバーを使用するように更新し、停止するとamplify pushを実行した後、クラウドエンドポイントを使用するように更新されます。