💡

LambdaからGen2 Client経由で呼べるようになって便利になった話

2025/06/08に公開

記事投稿コンテスト「TypeScriptでやってみた挑戦・学び・工夫」

tech

🤯 Amplfiy Gen2を利用したLambdaの中で、backend/dataにアクセスしたいが大変問題

Gen2 Userなら必ずぶつかる壁の1つでもあるんじゃないかなと思ってる問題で、defineFunctionで定義した、lambdaからconst schema = a.schemaのデータに対してデータ取得したい場合などがあった場合、swift clientでよくやる、コードを生成して、aws-appsyncを利用して、AppSync Clientを叩いて実装ということが必要でした。
これらを利用したユースケースとして、マルチテナントで運用してるSaasで利用したい場合に、comapnyIdやuserIDなどでa.schemaで、作成したTableに、データは存在してるか?的なユースケースの時に、利用することが多くあります。

npx ampx generate graphql-client-code --format graphql-codegen --statement-target typescript --out amplify/generated/types

他にもこのようなやり方もありました。

ですが、下記の問題が発生しがちでした。

defineFunctionで定義したlambdaの中の一部

const appSyncClient = new AWSAppSyncClient({ 
            url: process.env.AWS_APPSYNC_ENDPOINT,
            region: process.env.AWS_REGION,
            auth:{
                type: "AWS_IAM",
                credentials: {
                    accessKeyId: process.env.AWS_ACCESS_KEY_ID,
                    secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
                    sessionToken: process.env.AWS_SESSION_TOKEN,
                }
            },
            disableOffline: true,
        });
<!--PAIN: 自分で型(ex. CreateCompanyUserMutation, CreateCompanyUserMutationVariables)保管をしないといけない  -->
await appSyncClient.mutate<CreateCompanyUserMutation, CreateCompanyUserMutationVariables>({
    mutation: gql`${mutations.createCompanyUser}`,
    variables: {
        input: {
            email: email,
            companyId: companyId,
            role: "User",
            status: ComapnyUserStatus.INVITE
        }
    }
});

##　🥺 lambdaの中でもgenerateClientを利用したい。
できれば下記を利用して、呼び出したい。

import { generateClient } from 'aws-amplify/data';
import { type Schema } from '../amplify/data/resource'

const client = generateClient<Schema>();

const { errors, data: newTodo } = await client.models.Todo.create({
  content: "My new todo",
  isDone: true,
})

✅ Lambdaの中でもgenerateClientをSupport

getAmplifyDataClientの改善によって、参照ができるようになったみたい

どうやら、ResourceConfigにAppSyncのEndpointの情報を持ってることがわかった。

export type ResourceConfig = {
  API: {
    GraphQL: {
      endpoint: string;
      region: string;
      defaultAuthMode: 'iam';
      // Using `any` to avoid reproducing 100+ lines of typing to match the expected shape defined in aws-amplify:
      // https://github.com/aws-amplify/amplify-js/blob/main/packages/core/src/singleton/API/types.ts#L143-L153
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
      modelIntrospection: any;
    };
  };
};
/* eslint-enable @typescript-eslint/naming-convention */

Discord Channelにてhelpも上がっていた

ちなみに、下記でも紹介している。

以前まではできなかったらしいが、対応したらしい。😀😀

import { env } from "$amplify/env/<Your defineFunction Name>"
import { getAmplifyDataClientConfig } from "@aws-amplify/backend/function/runtime"
import { Amplify } from "aws-amplify"
import { generateClient } from "aws-amplify/api"

const { resourceConfig, libraryOptions } = await getAmplifyDataClientConfig(env)

Amplify.configure(
    resourceConfig, libraryOptions)

const client = generateClient<Schema>()

export const handler =()=>{...}

どうやら、lambdaの中で、Amplify.configureをして、clientを作るらしい。

リクエストするコードが必要なくなったため、コード量が減ってわかりやすくなった。

##　忘備録 commutity Builderのswagが1ヶ月前ぐらいに届いた

🤯 Amplfiy Gen2を利用したLambdaの中で、backend/dataにアクセスしたいが大変問題

✅ Lambdaの中でもgenerateClientをSupport

Discussion