ServerlessFrameworkを利用したLambdaでデバッグを実施する。

5893 ワード
lambda ServerlessFramework VSCode Node.js AWS Node.js テキストリンク

記事作成に当たって

最近、Serverless Frameworkを利用してLambdaにNode.jsをデプロイしている。Serverless Frameworkはテンプレートも充実してるし、CI/CDの面でも優れているのでなかなか便利。だけど、デバッグのやり方がわからなくて困っていた。どうにか、簡単にデバッグをできないかなぁと思って、試行錯誤する中でデバッグ環境ができあがったので、記事にして共有します。

構築時の環境情報

端末:Mac
エディタ：VsCode
node:v14.17.4(versionが古いと)
npm:7.20.5

パッケージの環境構築

packageのインストール
~/develop/study/serverless $ serverless create -t aws-nodejs-typescript -n debug_lambda -p debug_lambda
Serverless: Generating boilerplate...
Serverless: Generating boilerplate in "/Users/kawamurakouji/develop/study/serverless/debug_lambda"
 _______                             __
|   _   .-----.----.--.--.-----.----|  .-----.-----.-----.
|   |___|  -__|   _|  |  |  -__|   _|  |  -__|__ --|__ --|
|____   |_____|__|  \___/|_____|__| |__|_____|_____|_____|
|   |   |             The Serverless Application Framework
|       |                           serverless.com, v2.53.0
 -------'

Serverless: Successfully generated boilerplate for template: "aws-nodejs-typescript"
~/develop/study/serverless $ cd debug_lambda 
~/develop/study/serverless/debug_lambda $ yarn add serverless-offline
serverless.tsにpluginを追加
  plugins: ['serverless-webpack','serverless-offline'],

vscodeの設定変更

.vscodeのディレクトリ配下にlaunch.jsonを作成する。

launch.jsonの追加
~/develop/study/serverless/debug_lambda $ mkdir .vscode
~/develop/study/serverless/debug_lambda $ cd .vscode 
~/develop/study/serverless/debug_lambda/.vscode $ code  launch.json
~/develop/study/serverless/debug_lambda/.vscode $ ls
launch.json
launch.json
{
    "configurations": [
      {
        "name": "Lambda",
        "type": "node",
        "request": "launch",
        "runtimeArgs": ["--inspect", "--debug-port=9229"],
        "program": "${workspaceFolder}/node_modules/serverless/bin/serverless",
        "args": ["offline"],
        "port": 9229,
        "console": "integratedTerminal"
      }
    ]
}

ブレークポイントの作成

止めたい箇所の横にブレークポイントを設定する。

ブレークポイントの設定ができない場合

Code→基本設定→設定の順に押下する。

「allowBreakpointsEverywhere」で検索する。


デバッグ方法


サーバの待受状態が完了。ここで、curlコマンドを実行する。

デバッグが完了！！！格納された中身を確認することもできています。