skywayでの実装方法：ユーザを自動で部屋にjoinさせる

Question

※JavaScriptおよびプログラミング全般初心者です

#システムで実現したいこと：
ユーザーが「入室」ボタンをクリック
↓
room1への入室を試みる
↓
room1の参加人数が5人未満であれば、room1へ入室
↓
room1の参加人数が5人以上であれば、room2へ入室を試みる
↓
これを、5人未満のroomが見つかるまで繰り返す

#困っていること：

• peerIdの一覧は取得できるが、どのpeerがどのroomに接続しているかを調べる方法がわからない
• peerIdとroomを関連付ける（例えば、idを「room1peer1」のようにする）としても、peerIdを付け直す方法がわからない

一つのプログラム内で、idを指定せずにpeerオブジェクトを生成→idを指定して別のpeerオブジェクトを生成 というのをやってみましたが、エラーが出ましたので、一度peerオブジェクトを生成した場合、新しくidを指定したpeerオブジェクトは生成できないものだと認識しています

#知りたいこと：

1. どのpeerがどのroomに入室しているかを取得する方法
2. 生成したpeerオブジェクトのidを付け直す方法
3. データベースとしてpeerとroomを管理する方法

上記のいずれかの方法を知りたいです
3.については、JSがクライアントサイドで、データベースの管理はサーバサイドで実行であることから、難しいのでは？と考えています

#補足：
PHPとMySQLを用いて、サーバー側でデータベースとしてpeerとroomの一覧を管理する方法も試しましたが、PHPはサーバサイドでJSはクライアントサイドということで、うまく実装できませんでした
Node.jsについての少し調べましたが、やはりサーバサイドなのでうまくいかないのでは…と考えております

Answer 1

どのpeerがどのroomに入室しているかを取得する方法

こちらに関しては、SkyWay側からは提供されていないので、自分で実装する必要があります。
簡単なのはデータベースを使う方法かと思われます。
サーバーを準備するのが難しいのであれば、Firebase Realtime Databaseなどが使いやすいかと思います。

生成したpeerオブジェクトのidを付け直す方法

こちらのスライドの21枚目に方法が書かれています。

const peer = new Peer("My ID",{
    key:SKYWAY_API_KEY,
    debug:3,
});

こんな感じですね。

データベースとしてpeerとroomを管理する方法

サーバー側のアプリケーションとクライアントサイドでデータをやり取りするのであれば、APIを作る必要があります。
HTTPリクエストをサーバーに投げると、サーバーからデータを返してくれる仕組みです。
APIを作るための言語は、PHPでも、Node.jsでもOKです。ほかの言語も使えます。

Comments

[olee46]

ありがとうございます。いまのところはベストアンサーの方で解決したのですが、Firebaseも見てみたいと思います！

Answer 2

[自分] 部屋に参加する
↓
[ルーム既存メンバー] すでに参加しているメンバーにpeerJoinイベントが発生
↓
[ルーム既存メンバー] peerJoinイベントで自分の参加している部屋のメンバーのカウントを＋１
↓
[ルーム既存メンバー] メンバーカウントが参加可能最大人数を超えた場合は、参加したユーザー([自分])に "abort" を送信
↓
[自分] "abort" を受信したら、その部屋から退室し次の部屋へ。 → ループ

とすれば、クライアントのみでも可能ではないでしょうか？

ポイントは、メンバーカウントは自分が参加した以降のメンバーの数であること。これにより、１つのルームのメンバーが複数人いたとしても、それぞれ管理するメンバーカウントは古い人が最大で以降新しいメンバーになるにつれ少なくなりますので、”最大人数越え”と判定するのは１人だけで、"abort"が送信されるのも１回のみとなります。

サンプルを作ってみました。(サンプルではメンバーをカウントするのではなく、配列で管理しています。)
サンプル
MAX_MEMBERという定数が参加可能人数ですのでこれを増減して試してみてください。

Comments

[olee46]

サンプルコードまでいただき、ありがとうございました！
自分は配列ではなくcountで制御してみましたが、今のところうまくいっています