ホーム > プログラミング > 他のユーザーがログイン中かどうかを表示するアプリを作る > 06. チャットルームへの入室

06. チャットルームへの入室の情報発信

チャットルームへの入室の情報発信に関するコードを記述します。

解説

チャットルームへの入室の情報発信について、すべきことは以下です。

前提

05. Pusherチャンネルへの接続」を実施していない場合は、実施します。

チャットページ用のテンプレートファイルの編集

以下のコマンドを実行し、チャットページ用のテンプレートファイルを開きます。



内容を以下のようにします。



解説)

「ctrl + o」を押下し、ファイルを上書き保存します。
「ctrl + x」を押下し、ファイルを閉じます。

プレゼンスチャンネルの認可コールバックの定義

ユーザーの入室退室の通知をプレゼンスチャンネルを利用して実現します。
プレゼンスチャンネルは、認可されたユーザーのみがチャンネルを利用できます。
プレゼンスチャンネルを利用する場合は、「ユーザーが認可されているか」の判定ロジックを記述した認可コールバックを定義する必要があります。
チャンネルの認可コールバックは、「routes/channels.php」ファイルで定義します。

以下のコマンドを実行し、認可コールバック定義用ファイルを開きます。



内容を以下のようにします。



解説)

「ctrl + o」を押下し、ファイルを上書き保存します。
「ctrl + x」を押下し、ファイルを閉じます。

動作確認

Pusher.comの「Debug console」にアクセス

Pusher.comにアクセス。Sign inし、作成したチャンネルのページに移動します。
画面左のナビゲーションメニューの「Debug console」をクリックします。
「Debug console」画面を表示しておきます。

テスト用のWebサーバーの起動

以下のコマンドを実行し、テスト用のWebサーバーを起動します。

チャットページにアクセス

「Debu console」画面を表示しているブラウザとは別に、ブラウザをもう一つ立ち上げ、以下のURLにアクセスします。
http://[テスト用のWebサーバーを起動したデバイスのIPアドレス]:8000/chat



ダミーの入室中のユーザーの一覧が表示されます。

Pusher.comの「Debug console」の確認

表示していた「Debug console」画面を確認します。



チャットページへのアクセスの結果として、「Debug console」に、「Presence event」が表示されます。
「Presence event」の内容として、チャットページにアクセスしたユーザーの情報(id、name、email)が表示されます。

テスト用のWebサーバーの終了

動作を確認したら、「ctrl + c」を押下し、起動した開発用のWebサーバーを終了します。

関連ページ

前項目:05. Pusherチャンネルへの接続

次項目:07. チャットルームの人の入退室の情報受信


ご意見、ご感想、ご質問、ご要望等は、「コメントを投稿する」もしくは「ホーム > コンタクト」よりお願いいたします。
内容の誤り、誤字脱字、リンクミスなどの問題点を発見された場合には「コメントを投稿する」もしくは「ホーム > コンタクト」より連絡していただけると幸いです。


Copyright (c) 2005-2018 Nobuki HIRAMINE All rights reserved.