[アップデート] AWS Amplify Gen 2 が関数の非同期呼び出しをサポートしました

import type { Schema } from '../../data/resource'; import { setTimeout } from "timers/promises"; export const handler: Schema["hoge0918async"]["functionHandler"] = async () => { await setTimeout(5000); return; }; 

import { defineFunction } from '@aws-amplify/backend'; export const hoge0918async = defineFunction({ name: 'hoge0918async', entry: './handler.ts', timeoutSeconds: 100, }); 

import { type ClientSchema, a, defineData } from "@aws-amplify/backend"; import { hoge0918sync } from "../functions/hoge0918sync/resource"; import { hoge0918async } from "../functions/hoge0918async/resource"; const schema = a.schema({ hoge0918sync: a .query() .handler(a.handler.function(hoge0918sync)) .returns(a.string()) .authorization((allow) => [allow.authenticated()]), hoge0918async: a .query() .handler(a.handler.function(hoge0918async).async()) .authorization((allow) => [allow.authenticated()]) }); export type Schema = ClientSchema<typeof schema>; export const data = defineData({ schema, authorizationModes: { defaultAuthorizationMode: "userPool", apiKeyAuthorizationMode: { expiresInDays: 30, }, }, }); 

import { Authenticator } from '@aws-amplify/ui-react' import '@aws-amplify/ui-react/styles.css' import { useState } from "react"; import type { Schema } from "../amplify/data/resource"; import { generateClient } from "aws-amplify/data"; const client = generateClient<Schema>(); function App() { const [updateLabel, setUpdateLabel] = useState<string>() const executeAsyncEvent = async () => { const { data } = await client.queries.hoge0918async(); console.log(data); setUpdateLabel("executeAsyncEvent"); }; const executeSyncEvent = async () => { const { data } = await client.queries.hoge0918sync(); console.log(data); setUpdateLabel("executeSyncEvent"); }; return ( <Authenticator> {({ signOut }) => ( <main> <h1>updateLabel : {updateLabel}</h1> <div id="hoge-quicksight-container"></div> <button onClick={executeAsyncEvent}>Execute Async Event</button> <button onClick={executeSyncEvent}>Execute Sync Event</button> <button onClick={signOut}>Sign out</button> </main> )} </Authenticator> ); } export default App;