差分

このページの2つのバージョン間の差分を表示します。

--- ratchet:0.4:tutorial [2020/11/16 18:33]
y2sunlight
+++ ratchet:0.4:tutorial [2020/11/30 22:19] (現在)
y2sunlight [Ratchet チュートリアル]
@@ 行 9: / 行 9: @@
 関連記事
   * Ratchet チュートリアル
-  * [[Ratchet:0.4:deployment|Ratchet デプロイ方法]]
+  * [[Ratchet:0.4:push|Ratchet Push統合]]
 リンク
@@ 行 265: / 行 265: @@
 ===== WebSocketへの対応 =====
-基本的なチャットアプリケーションが機能するようになったので、
-それをWebブラウザでそれが機能するようにチャットサーバを変更します。
-[{Project-Folder}/bin/chat-server-ws.php]
+基本的なチャットアプリケーションが機能するようになったので、今度はWebブラウザでそれが機能するようにチャットサーバを変更します。
+{{fa>folder-open-o}} ** {Project-Folder}/bin/chat-server-ws.php **
 <code php chat-server-ws.php>
 <?php
@@ 行 288: / 行 288: @@
 </code>
-WsServerを使用すると[[https://developer.mozilla.org/ja/docs/Web/API/WebSocket|W3C WebSocketAPI]]を使用するWebブラウザーと通信できるようになります。
+[[http://socketo.me/docs/websocket|WsServer]] を使用すると [[https://developer.mozilla.org/ja/docs/Web/API/WebSocket|W3C WebSocketAPI]] を使用するWebブラウザーと通信できるようになります。[[http://socketo.me/docs/http|HttpServer]] は、着信HTTPリクエストの解析を担当します。このクラスの目的は、完全なHTTPヘッダー要求を受信して渡すまでデータをバッファリングすることで、
-HttpServerは、着信HTTPリクエストの解析を担当します。このクラスの目的は、完全なHTTPヘッダー要求を受信して渡すまでデータをバッファリングすることで、
+WebSocket リクエストをアップグレードするためのものです。
-WebSocketリクエストをアップグレードするためのものです。
+このチャットをテストするために、次のファイルを作ります。(HTMLファイルでも問題ありません)
-このサーバをテストするために、次のファイルを作ります。(HTMLファイルでも問題ありません)
+{{fa>folder-open-o}} ** {Project-Folder}/src/test-ws.php **
-[{Project-Folder}/src/test-ws.php]
 <code html client-ws.html>
 <script type="text/javascript">
@@ 行 310: / 行 308: @@
-コマンドプロンプトでチャットサーバ(chat-server-ws.php)を実行します。
+コマンドプロンプトでチャットサーバ(''chat-server-ws.php'')を実行します。
 <code>
@@ 行 316: / 行 314: @@
 </code>
-２つのブラウザウィンドウを開いて、test-ws.php にアクセスします。
+次に、２つのブラウザウィンドウを開いて ''test-ws.php'' にアクセスし、ブラウザの開発ツールを開いて下さい。そして、デバックコンソールに次のメッセージが出力されていることを確認して下さい。
-そして、ブラウザの開発ツールを開きデバックコンソールへの次のメッセージを確認して下さい。
 <code>
@@ 行 323: / 行 320: @@
 </code>
-このメッセージが出ていたら、一方のデバックコンソールから次のコードを実行します：
+このメッセージが出ていたら、一方のブラウザのデバックコンソールから次のコードを実行します：
 <code>
-conn.send(こんにちは');
+conn.send('Hello World!');
 </code>
 この時、他方のデバックコンソールに "Hello World!" が表示されます。
+これで Ratchet のチュートリアル「Hello World!」を終わります。
 \\

Ground Sunlight

ユーザ用ツール

サイト用ツール

差分

ページ用ツール