AngularDartのアプリをNetlifyでデプロイする

課題

AngularDartで意気揚々とWebアプリを作成したものの、Netlifyにデプロイする方法は公式ドキュメントから発見することができませんでした。

npm/ruby/python/goは対応していますが、残念ながらDartはまだ¹のようです。

解決策

ドキュメントには見当たりませんでしたが、Netlifyの仕組み上シェルコマンドは実行することができます。そこで、以下のスクリプトをリポジトリに配置し、これを呼び出すことで無事デプロイできるようになりました！

やっていることはdartのSDKを落としてきてbuildを走らせているだけです。DART_VERの部分は要件に応じて変更して下さい。

# !/usr/bin/env bash

set -eux

DART_VER='2.1.0'

curl -o dart.zip https://storage.googleapis.com/dart-archive/channels/stable/release/${DART_VER}/sdk/dartsdk-linux-x64-release.zip
unzip dart.zip

PUB=./dart-sdk/bin/pub
${PUB} global activate webdev
${PUB} get .
${PUB} global run webdev build --output=web:build

Netlify上での設定は、上記スクリプトを呼び出すのとbuildフォルダをデプロイ元に指定すれば完了です。

余談

Netlifyのお手軽感は素晴らしいですね。私も長らく個人サイトをNetlifyでデプロイしていますが、今後はWebサービスでも積極的に使ってゆきたいです。これで無料、素敵。

1. 期待がこもっています。Flutter効果で頑張ってほしい ↩