TypescriptだけでAWS Lambdaを発火させる

Last updated at 2022-12-23Posted at 2022-12-16

PONOS Advent Calendar 2022 の24日目の記事です。
昨日は@bluenova1221さんの記事でした。

なぜTypescript?

今まで静的型付け言語に慣れていたのもあり、型が指定出来ないことに不満を感じていました。
また関数先に飛んだだけでany型になることが個人的にどうなんだと思いました🤔
そこでJavascriptのファイルをローカルで作成することなくAWS Lambdaを使用してみようと思いこの記事を書きました。

動作・開発環境

Windows 11
Powershell 7
Visual Studio Code 1.73.1
Docker Desktop 4.14.1

最初にnpm initまで行います。
※前提としてnpm、dockerはインストールされているものとします。

Powershell 7

C:\Users\username> cd ~
C:\Users\username\Desktop> mkdir HelloWorld
C:\Users\username\Desktop> cd HelloWorld
C:\Users\username\HelloWorld> npm init

色々聞かれますがすべてEnterを押してください。

次にトランスパイルするためにesbuildの型定義ファイルをインストールします。

Powershell 7

C:\Users\username\HelloWorld> npm install -D @types/aws-lambda esbuild

次にindex.tsとDockerfileを作成します。

Powershell 7

C:\Users\username\HelloWorld> New-Item -Path . -Name "index.ts" -ItemType "file"
C:\Users\username\HelloWorld> New-Item -Path . -Name "Dockerfile" -ItemType "file"

次にindex.tsとDockerfileに以下の内容を記載します。

Dockerfile

FROM public.ecr.aws/lambda/nodejs:16 as builder
WORKDIR /usr/app
COPY package.json index.ts  ./
RUN npm install
RUN npm run build
    

FROM public.ecr.aws/lambda/nodejs:16
WORKDIR ${LAMBDA_TASK_ROOT}
COPY --from=builder /usr/app/dist/* ./
CMD ["index.handler"]

index.ts

import { Context, APIGatewayProxyResult, APIGatewayEvent } from 'aws-lambda';

export const handler = async (event: APIGatewayEvent, context: Context): Promise<APIGatewayProxyResult> => {
    console.log(`Event: ${JSON.stringify(event, null, 2)}`);
    console.log(`Context: ${JSON.stringify(context, null, 2)}`);
    return {
        statusCode: 200,
        body: JSON.stringify({
            message: 'hello world',
        }),
    };
};

次にpackage.jsonのscriptsに以下を追記します。

package.json

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "esbuild index.ts --bundle --minify --sourcemap --platform=node --target=es2020 --outfile=dist/index.js"
  }

ここまで実装したらdocker buildを走らせます。

Powershell 7

C:\Users\username\HelloWorld> docker build -t hello-world .

次にAWS CLIの操作に移ります。
初めてAWS CLIを操作する方はaws configureに情報が登録されていないためエラーになると思います。
その為最初に設定を行います。
なおアクセスキーとシークレットキーはIAMからダウンロードできるので、それに書かれている情報を入力してください。
リージョンは東京リージョンを使用するためap-northeast-1に設定してください。

Powershell 7

C:\Users\username\HelloWorld> aws configure
AWS Access Key ID [None]: IAMからダウンロードしたcsvのアクセスキー
AWS Secret Access Key [None]: IAMからダウンロードしたcsvのシークレットキー
Default region name [None]: ap-northeast-1
Default output format [None]:

設定ができましたらログインを行います。
123456781234の箇所はログイン時に使用したエイリアス(12桁)に変更してください。

Powershell 7

C:\Users\username\HelloWorld> aws ecr get-login-password --region ap-northeast-1 | docker login --username AWS --password-stdin 123456781234.dkr.ecr.ap-northeast-1.amazonaws.com

ログインができるとLogin Succeededとターミナルに表示されます。
成功したら次に、ECRを作成するので以下のコマンドを実行します。

Powershell 7

C:\Users\username\HelloWorld> aws ecr create-repository --repository-name hello-world --image-scanning-configuration scanOnPush=true --image-tag-mutability MUTABLE

これでECRにhello-worldというリポジトリが作成されます。
そして最後にタグをつけてECRにpushまで行います。

Powershell 7

C:\Users\username\HelloWorld> docker tag  hello-world:latest 123456781234.dkr.ecr.ap-northeast-1.amazonaws.com/hello-world:latest

C:\Users\username\HelloWorld> docker push 123456781234.dkr.ecr.ap-northeast-1.amazonaws.com/hello-world:latest