この記事はFIXER Advent Calendar 2020 (https://adventar.org/calendars/5928) 18日目の記事です。
はじめまして。cloud.config Virtual Event Serviceの開発に携わっているFIXERの加藤です。
今回はUnity Cloud Buildを使用してWebGLを自動ビルドする手順を紹介したいと思います。
Unity Cloud Buildとは
Unity Editorを使わなくてもビルドをすることができる有料のサービスです。
通常Unity Editorでビルドするととても時間がかかるので、PCのスペックによってはビルド中は他の作業ができないことがありました。
注意点
- 有料で、Unity Team Advancedの購入が必要です。
- ビルドが早くなるわけではありません。
- 複数ビルドするには課金が必要です。
今回の目的
弊社では、Github上でUnityソースを管理しているためGithubのソースをビルドしたいと思います。
またブラウザで動くアプリの開発のため、WebGLビルドします。
Cloud Buildのセットアップ
前提条件
Unity Team Advancedを購入済み、またはUnity Proライセンス購入済み
プロジェクトの作成
Unity ダッシュボードでプロジェクトを作成します。
プロジェクトの作成は右上ヘッダーの「Create project」を押します。
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-141.png)
任意の「Project name」を入力し「Create project」
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-155.png)
ビルドの設定
プロジェクトを選択し、「Cloud Build 」のページに移動します。
まだビルドの設定がないので「SET UP CLOUD BUILD」を押してください。
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-161.png)
ソース管理先を選べるので「GitHub」を選択します。
初回の場合は、GitHubの認証画面が表示されます。
![スクリーンショットの画面
自動的に生成された説明](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-143-edited.png)
リポジトリを設定します。
「Click or begin typing to choose a repository…」のフォームに任意のリポジトリ名を入力してください。
![スクリーンショットの画面
自動的に生成された説明](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-144-edited.png)
続いてビルドするブランチを選択します。
「SETUP NEW TARGET」を押してください。
![スクリーンショットの画面
自動的に生成された説明](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-150.png)
対象のプラットフォームを選択します。
今回はWebGLを選択します。
![スクリーンショットの画面
自動的に生成された説明](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-147-edited-1.png)
ビルドの基本情報を設定します。
ラベルとBranchは任意のものを設定してください
Auto-Buildを「On」にすると対象のブランチにプッシュされるとビルドされるようになります。
![スクリーンショットの画面
自動的に生成された説明](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-148-edited.png)
ビルド結果
ビルドの結果はCloud Build > Historyページで確認できます。
「Success」と表示されたビルドはビルドが正常にできたことを示しています。
![スクリーンショットの画面
自動的に生成された説明](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-149.png)
またWebGLの場合はブラウザ上で動作確認することができます。
WebGLビルドの確認方法
ビルドの右側「⋮」を押し「Share Link」を選択します。
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-153.png)
Linkが生成されます。
「Open link in new window」を押します。
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-157.png)
ビルド結果の共有ページが表示されます。「Play」を押すとブラウザ上でアプリを実行できるようになります。
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-158-edited.png)
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/image-159-edited.png)
最後に
Unity Cloud Buildはどれだけビルドしても料金は変わりません。
じゃんじゃんビルドできるので品質を保つ意味でもぜひ活用してみてください。