Netlify Functionsのローカル環境をyarn startで起動する設定

Netlify Functionsの開発、検証用としてローカルでの実行環境が用意されている。netlify-lambdaパッケージをローカルにインストールしている場合、以下のコマンドを実行することでhttp://localhost:9000/.netlify/functions/ファンクション名にアクセスできるようになる。

% npx netlify-lambda serve src/lambda

通常は、ファンクションだけではなく、webページとあわせて起動する必要がある。たとえばwebページをVue.jsで開発している場合、webページは以下のコマンドで起動する。

% vue-cli-service serve

これらをpackage.jsonに登録することで、npmあるいはyarnコマンドで実行できるようになる。さきにファンクションの環境を起動して、しばらくしてからwebページを起動しないと、ファンクションが起動できない。startにwebページの起動、prestartにファンクションの起動と3秒の待機(sleep 3)を設定することで、yarn startでwebページとファンクションが起動できるようになる。

package.json

...
  "scripts": {
    "start": "vue-cli-service serve",
    "prestart": "npx netlify-lambda serve src/lambda & sleep 3",
...