😊
Compose multiplatformで作ったWebアプリをNetlifyにデプロイする
はじめに
Compose multiplatformでWebアプリを作る機会があり、デプロイについて調べるととても簡単にできそうだったのでまとめておきます。以下のサイトを参考にしました。
ビルド
Gradleのタスクから、jsBrowserDistributionタスクを実行します。
もしくは以下のコマンドを実行してください。
./gradlew :web:jsBrowserDistribution
ビルドが成功すると、composeApp/buildフォルダにdistフォルダが生成されていると思います。このなかにWebアプリを起動する際に必要なファイルがまとめて生成されています。
デプロイ
以下のサイトを開きます。今回使うのはNetlifyというサービスです。
Github等でログインができます。ログイン・サインアップを済ませるとプロフィールや所属等を入力する画面に移ります。入力が終わると以下の画面に移ります。
Try Netlify Dropをクリックします。
この画面に先程のdistフォルダをアップロードすればデプロイは完了です。
まとめ
Netlifyを使うと非常に簡単にデプロイができました。ほぼGUIに沿って進めるだけなので初学者の方でも詰まることなくデプロイできると思います。
Discussion