Ground Sunlight

Windowsで作る - PHPプログラミングの開発環境

ユーザ用ツール

サイト用ツール


ratchet:0.4:tutorial

差分

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

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
ratchet:0.4:tutorial [2020/11/16 18:33]
y2sunlight [チャットアプリの実行]
ratchet:0.4:tutorial [2020/11/30 22:19] (現在)
y2sunlight [Ratchet チュートリアル]
行 1: 行 1:
-> 編集中 
- 
 ====== Ratchet チュートリアル ====== ====== Ratchet チュートリアル ======
 Version 0.4.3 Version 0.4.3
行 11: 行 9:
 関連記事 関連記事
   * Ratchet チュートリアル   * Ratchet チュートリアル
-  * [[Ratchet:0.4:deployment|Ratchet デプロイ方法]]+  * [[Ratchet:0.4:push|Ratchet Push統合]]
  
 リンク リンク
行 267: 行 265:
  
 ===== WebSocketへの対応 ===== ===== 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> <code php chat-server-ws.php>
 <?php <?php
行 290: 行 288:
 </code> </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> <code html client-ws.html>
 <script type="text/javascript"> <script type="text/javascript">
行 312: 行 308:
  
  
-コマンドプロンプトでチャットサーバ(chat-server-ws.php)を実行します。+コマンドプロンプトでチャットサーバ(''chat-server-ws.php'')を実行します。
  
 <code> <code>
行 318: 行 314:
 </code> </code>
  
-2つのブラウザウィンドウを開いてtest-ws.php にアクセスします。 +次に、2つのブラウザウィンドウを開いて ''test-ws.php'' にアクセスし、ブラウザの開発ツールを開いて下さい。そして、デバックコンソール次のメッセージが出力されていることを確認して下さい。
-そして、ブラウザの開発ツールを開デバックコンソールへの次のメッセージを確認して下さい。+
  
 <code> <code>
行 325: 行 320:
 </code> </code>
  
-このメッセージが出ていたら、一方のデバックコンソールから次のコードを実行します:+このメッセージが出ていたら、一方のブラウザのデバックコンソールから次のコードを実行します:
  
 <code> <code>
-conn.send(こんにちは');+conn.send('Hello World!');
 </code> </code>
  
 この時、他方のデバックコンソールに "Hello World!" が表示されます。 この時、他方のデバックコンソールに "Hello World!" が表示されます。
 +
 +これで Ratchet のチュートリアル「Hello World!」を終わります。
 +
 \\ \\
  
ratchet/0.4/tutorial.1605519200.txt.gz · 最終更新: 2020/11/16 18:33 by y2sunlight