Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

課題

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

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

解決策

ドキュメントには見当たりませんでしたが、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フォルダをデプロイ元に指定すれば完了です。

Screen Shot 2018-10-09 at 21.39.57.png

余談

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


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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away