Phaser3で作ったゲームを無料で公開する方法 - Phaser3 Getting Started

投稿：2024-06-01 更新：2025-02-01

• #Phaser3
• #Phaser3 Getting Started

Phaser3で作ったゲームを無料で公開する方法を紹介します。

　CloudFlare Pagesを使えば、無料でwebサイトを公開することができます。CloudFlare Pagesは、GitHubにpushするだけでwebサイトを公開できるサービスです。GitHubのアカウントがあれば、すぐに始めることができます。

CloudFlare Pagesの登録

　CloudFlare Pagesの登録は、こちらから行います。

1．Sign Upする

　まず、メールアドレスとパスワードを入力して、Sign Upします。すると以下のような画面が出るので、 「Add a website or application」 をクリックします。

2．CloudFlare Pagesに移動する

3．GitHubアカウントを連携する

4．リポジトリを選択する

5．デプロイする

1. 「Framework preset」 は 「None」 を選択します。
2. 「Build command」 は 「npm run build」 を入力します。
3. 「Build output directory」 は 「dist」 を入力します。
4. 「Environment variables」 は 「Add variable」 をクリックして、以下のように入力します。
   • 「Key」 は 「NODE_VERSION」 を入力します。
   • 「Value」 は 「16」 を入力します。
5. 「Save and Deploy」 をクリックします。

6．デプロイが完了するまで待つ

7．デプロイが完了したら、URLを確認する

　URLは、 「https://xxx.pages.dev/」 となるので、ブラウザでアクセスしてみます。これでPhaser3のゲーム画面が映れば成功です。