Amplify REST APIのセットアップ

import { defineFunction } from "@aws-amplify/backend";

export const myApiFunction = defineFunction({
  name: "api-function",
});

import type { APIGatewayProxyHandler } from "aws-lambda";

export const handler: APIGatewayProxyHandler = async (event) => {
  console.log("event", event);
  return {
    statusCode: 200,
    // 以下のCORS設定を修正して、特定の要件に合わせてください
    headers: {
      "Access-Control-Allow-Origin": "*", // これを信頼するドメインに制限してください
      "Access-Control-Allow-Headers": "*", // 許可する必要なヘッダーのみを指定してください
    },
    body: JSON.stringify("Hello from myFunction!"),
  };
};

import { defineBackend } from "@aws-amplify/backend";
import { Stack } from "aws-cdk-lib";
import {
  AuthorizationType,
  CognitoUserPoolsAuthorizer,
  Cors,
  LambdaIntegration,
  RestApi,
} from "aws-cdk-lib/aws-apigateway";
import { Policy, PolicyStatement } from "aws-cdk-lib/aws-iam";
import { myApiFunction } from "./functions/api-function/resource";
import { auth } from "./auth/resource";
import { data } from "./data/resource";

const backend = defineBackend({
  auth,
  data,
  myApiFunction,
});

// 新しいAPIスタックを作成します
const apiStack = backend.createStack("api-stack");

// 新しいREST APIを作成します
const myRestApi = new RestApi(apiStack, "RestApi", {
  restApiName: "myRestApi",
  deploy: true,
  deployOptions: {
    stageName: "dev",
  },
  defaultCorsPreflightOptions: {
    allowOrigins: Cors.ALL_ORIGINS, // これを信頼するドメインに制限してください
    allowMethods: Cors.ALL_METHODS, // 許可する必要なメソッドのみを指定してください
    allowHeaders: Cors.DEFAULT_HEADERS, // 許可する必要なヘッダーのみを指定してください
  },
});

// 新しいLambda統合を作成します
const lambdaIntegration = new LambdaIntegration(
  backend.myApiFunction.resources.lambda
);

// IAM認可を使用した新しいリソースパスを作成します
const itemsPath = myRestApi.root.addResource("items", {
  defaultMethodOptions: {
    authorizationType: AuthorizationType.IAM,
  },
});

// リソースパスに作成するメソッドを追加します
itemsPath.addMethod("GET", lambdaIntegration);
itemsPath.addMethod("POST", lambdaIntegration);
itemsPath.addMethod("DELETE", lambdaIntegration);
itemsPath.addMethod("PUT", lambdaIntegration);

// APIにプロキシリソースパスを追加します
itemsPath.addProxy({
  anyMethod: true,
  defaultIntegration: lambdaIntegration,
});

// 新しいCognito User Poolsオーソライザーを作成します
const cognitoAuth = new CognitoUserPoolsAuthorizer(apiStack, "CognitoAuth", {
  cognitoUserPools: [backend.auth.resources.userPool],
});

// Cognito認可を使用した新しいリソースパスを作成します
const booksPath = myRestApi.root.addResource("cognito-auth-path");
booksPath.addMethod("GET", lambdaIntegration, {
  authorizationType: AuthorizationType.COGNITO,
  authorizer: cognitoAuth,
});

// APIへのInvokeアクセスを許可する新しいIAMポリシーを作成します
const apiRestPolicy = new Policy(apiStack, "RestApiPolicy", {
  statements: [
    new PolicyStatement({
      actions: ["execute-api:Invoke"],
      resources: [
        `${myRestApi.arnForExecuteApi("*", "/items", "dev")}`,
        `${myRestApi.arnForExecuteApi("*", "/items/*", "dev")}`,
        `${myRestApi.arnForExecuteApi("*", "/cognito-auth-path", "dev")}`,
      ],
    }),
  ],
});

// ポリシーを認証済みおよび未認証IAMロールにアタッチします
backend.auth.resources.authenticatedUserIamRole.attachInlinePolicy(
  apiRestPolicy
);
backend.auth.resources.unauthenticatedUserIamRole.attachInlinePolicy(
  apiRestPolicy
);

// 設定ファイルに出力を追加します
backend.addOutput({
  custom: {
    API: {
      [myRestApi.restApiName]: {
        endpoint: myRestApi.url,
        region: Stack.of(myRestApi).region,
        apiName: myRestApi.restApiName,
      },
    },
  },
});

npm add aws-amplify

npm add aws-amplify @aws-amplify/react-native

import { Amplify } from 'aws-amplify';
import { parseAmplifyConfig } from "aws-amplify/utils";
import outputs from '../amplify_outputs.json';

const amplifyConfig = parseAmplifyConfig(outputs);

Amplify.configure(
  {
    ...amplifyConfig,
    API: {
      ...amplifyConfig.API,
      REST: outputs.custom.API, // ← カスタムREST APIに必須
    },
  },
  {
    API: {
      REST: {
        retryStrategy: {
          strategy: 'no-retry', // デフォルトのリトライ戦略をオーバーライドします
        },
      }
    }
  }
);

// ❌ これは「API name is invalid」エラーを引き起こします
Amplify.configure(outputs); // カスタムREST API構成が不足しています

// ✅ これはカスタムREST APIを含みます
const amplifyConfig = parseAmplifyConfig(outputs);
Amplify.configure({
  ...amplifyConfig,
  API: {
    ...amplifyConfig.API,
    REST: outputs.custom.API, // カスタムAPIに必須
  },
});