Udonarium Axe

テーマ

クイックスタート ​

必要なもの で挙げた 3 つを、次の手順で順に用意します。

  1. 1
    SkyWay でアプリを作成App ID と Secret を控える無料枠あり
  2. 2
    バックエンドをデプロイApp ID / Secret / 許可オリジンを環境変数にWorkers・Vercel・PHP など
  3. 3
    フロントエンドを配置リリース zip を静的ホスティングに置くビルド不要
  4. 4
    接続先を設定assets/config.json の backend.url を書き換える1 行だけ

1. SkyWay でアプリを作成 ​

SkyWay でアカウントを作成し、アプリケーションを 1 つ作成して App ID と Secret を控えます。

2. バックエンドをデプロイ ​

バックエンドの選択肢 から 1 つ選んでデプロイし、次の環境変数を設定します。

環境変数内容
SKYWAY_APP_ID手順 1 の App ID
SKYWAY_SECRET手順 1 の Secret
ACCESS_CONTROL_ALLOW_ORIGINAxe を公開する URL（例: https://your-axe.example.com。* で全許可）

ブラウザや curl で https://<バックエンドのURL>/v1/status を開き、OK が返れば成功です。

3. フロントエンドを配置 ​

Releases の axe_x.y.z.zip を展開し（または自分でビルドした dist/ を使い）、中身を任意の静的ホスティング（Cloudflare Pages / Amazon S3 / レンタルサーバー など）に置きます。

4. 接続先を設定 ​

配置したファイルの assets/config.json を開き、backend.url を手順 2 のバックエンド URL に書き換えます。

json
{
  "backend": {
    "url": "https://<バックエンドのURL>"
  }
}

5. Chrome で開く ​

配置先の URL をデスクトップ版 Chrome で開き、ルームを作成すればセッションを開始できます。

参加者を招くときは、接続パネルの 招待リンク をコピーして渡すのが簡単です。リンクを開くだけでその部屋に入室でき、ロールもリンク側で指定できます（ロール — 招待リンクで参加者を招く 参照）。

うまく動かないときは よくある質問 を確認してください。