初探HTML5的WebSockets

我是參照這個教程下去學習的

Start Using HTML5 WebSockets Today
http://net.tutsplus.com/tutorials/javascript-ajax/start-using-html5-websockets-today/

 

【Server設定方法】

1. 先下載WebSockets Server端的程式
http://nettuts.s3.amazonaws.com/751_webSocketsStarter/websocket_source_files.zip

2. 下載最新版的xampp
http://www.apachefriends.org/zh_tw/xampp.html
在這邊我下載的是XAMPP Windows 1.8.0的版本,其相關的細項版本如下:
Apache 2.4.2, MySQL 5.5.25a, PHP 5.4.4, OpenSSL 1.0.1c, phpMyAdmin 3.5.2, XAMPP Control Panel 3.0.12, Webalizer 2.23-04, Mercury Mail Transport System v4.62, FileZilla FTP Server 0.9.41, Tomcat 7.0.28 (with mod_proxy_ajp as connector), Strawberry Perl 5.16.0.1 Portable
For Windows 2000, XP, Vista, 7.
不過最主要的還是

3. 執行shell

輸入php -c php\php.ini htdocs\socket\server\startDaemon.php

不過我試了半天 是試不起來的=口=!

會出現錯誤 或是瞬間又關掉socket連線

SERVER端訊息如下

# php -c php\php.ini htdocs\socket\server\startDaemon.php
2012-10-04 08:08:20 System: Socket Resource id #7 created.
2012-10-04 08:08:21 System: Socket bound to localhost:8000.
2012-10-04 08:08:21 System: Start listening on Socket.
2012-10-04 08:08:41 WebSocket: Resource id #8 CONNECTED!
2012-10-04 08:08:41 WebSocket: Resource id #9 CONNECTED!
2012-10-04 08:08:41 WebSocket: Requesting handshake…
2012-10-04 08:08:41 WebSocket: Handshaking…
2012-10-04 08:08:41 WebSocket: Done handshaking…
2012-10-04 08:08:42 WebSocket: Resource id #10 CONNECTED!
2012-10-04 08:08:42 WebSocket: Resource id #11 CONNECTED!
2012-10-04 08:08:43 WebSocket: Resource id #12 CONNECTED!

然後網頁則是從零直接跳到三

Socket Status: 0
Socket Status: 3 (Closed)

比較奇特的是,網頁部份我必需改動成這樣

否則會沒有半點反應。
但改成那樣之後,也是會連接失敗瞬間關掉,不知道是出什麼問題。

如果有大德們知道問題點希望可以留言告知,我再繼續試試~~XD