真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

重慶分公司 重慶分公司

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動態(tài)
• 成功案例
• 關(guān)于我們
028-86922220

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動態(tài)
• 成功案例
• 關(guān)于我們

public function __construct($host='localhost',$port=8000,$max=100)           $this->createSocket($host,$port);

                                                                 
Web Sockets Client
                                

我們已經(jīng)創(chuàng)建里基本模板：一個chat log容器，一個input輸入框和一個斷開連接的按鈕。

第四步：添加一些CSS　　

沒什么花俏代碼，只是處理一下標(biāo)簽的樣式。

 body {        font-family:Arial, Helvetica, sans-serif;    }    #container{        border:5px solid grey;        width:800px;        margin:0 auto;        padding:10px;    }    #chatLog{        padding:5px;        border:1px solid black;    }    #chatLog p {        margin:0;    }    .event {        color:#999;    }    .warning{        font-weight:bold;        color:#CCC;    }

第五步：Web Socket事件

首先讓我們嘗試并理解Web Socket事件的概念：

◆onopen: 當(dāng)接口打開時

◆onmessage: 當(dāng)收到信息時

◆onclose: 當(dāng)接口關(guān)閉時

我們?nèi)绾蝸韺崿F(xiàn)呢？首先創(chuàng)建Web Socket對象。

var socket = new Web Socket("ws://localhost:8000/socket/server/startDaemon.php");

然后向下面這樣檢測事件：

 socket.onopen = function(){        alert("Socket has been opened!");    }

當(dāng)我們收到信息時這樣做：

 socket.onmessage = function(msg){        alert(msg); //Awesome!    }

但我們還是盡量避免使用alert，現(xiàn)在我們可以把我們學(xué)的東西整合到客戶端頁面中了。

第六步：JavaScript

首先我們將代碼放到j(luò)Query 的 document.ready函數(shù)中，然后我們還要檢查用戶的瀏覽器是否支持Web Socket。如果不支持，我們就添加一個鏈向Chrome瀏覽器頁面的鏈接。

 $(document).ready(function() {        if(!("Web Socket" in window)){            $('#chatLog, input, button, #examples').fadeOut("fast");            $('
Oh no, you need a browser that supports Web Sockets. How about Google Chrome?
').appendTo('#container');        }else{            //The user has Web Sockets            connect();            function connect(){            //the connect function code is below            }    });

如你所見，如果用戶瀏覽器支持Web Socket，我們將執(zhí)行connect()函數(shù)。這里是核心功能，我們將開始創(chuàng)建open、close和receive事件。我們將在我們的服務(wù)器定義URL。

var socket;    var host = "ws://localhost:8000/socket/server/startDaemon.php";

你可能會發(fā)現(xiàn)URL中怎么沒有http？恩，是的，這是一個Web Socket URL，使用了不同的協(xié)議。下面是URL分解圖示：

下面讓我們繼續(xù)完成connect()函數(shù)，我們將代碼放入try/catch塊，這樣如果代碼出現(xiàn)問題，我們能讓用戶知道。我們創(chuàng)建Web Socket，并將信息傳遞到message()函數(shù)，之后會做講解。我們創(chuàng)建我們的onopen、onmessage和onclose函數(shù). 需要注意的是我們?yōu)橛脩籼峁┝硕丝跔顟B(tài)，這并不是必需的，但我們把它放進來主要是為了方便調(diào)試。

CONNECTING = 0 OPEN = 1 CLOSED = 2   function connect(){        try{            var socket;        var host = "ws://localhost:8000/socket/server/startDaemon.php";        var socket = new Web Socket(host);                message('Socket Status: '+socket.readyState);                socket.onopen = function(){                 message('Socket Status: '+socket.readyState+' (open)');            }                socket.onmessage = function(msg){                 message('Received: '+msg.data);            }                socket.onclose = function(){                 message('Socket Status: '+socket.readyState+' (Closed)');            }                       } catch(exception){             message('
Error'+exception);        }    }

message()函數(shù)很簡單, 它將我們想展現(xiàn)給用戶的文本填入chat log容器內(nèi)。 我們在socket事件函數(shù)中為段落(

)標(biāo)簽創(chuàng)建適當(dāng)?shù)腸lass，我們在message函數(shù)中只有一個段落結(jié)束標(biāo)簽。

 function message(msg){        $('#chatLog').append(msg+'
');    }

目前的成果

如果你已按上面教程按部就班的做的話，很好，我們已經(jīng)創(chuàng)建了HTML/CSS模板、創(chuàng)建并建立Web Socket連接、通過創(chuàng)建連接保持用戶的進展更新。

第七步：發(fā)送數(shù)據(jù)

現(xiàn)在我們已經(jīng)有了提交按鈕，但我們還需要監(jiān)聽用戶按下鍵盤的事件，并運行send函數(shù)，下面的’13′便是回車鍵對應(yīng)的ASCII碼。

 $('#text').keypress(function(event) {        if (event.keyCode == '13') {            send();        }    });

下面是send()函數(shù)：

function send(){          var text = $('#text').val();       if(text==""){           message('Please enter a message');           return ;       }       try{           socket.send(text);           message('Sent: '+text)       } catch(exception){       message(' Error:' + exception);       }          $('#text').val("");

下面我們需要：

socket.send();

那些額外的代碼做了以下工作：檢測用戶是否什么都沒輸入?yún)s仍點擊返回、清空input輸入框、執(zhí)行message()函數(shù)。

第八步：關(guān)閉Socket

關(guān)閉Socket操作相當(dāng)簡單，添加對斷開連接按鈕的click事件監(jiān)聽就可以。

 $('#disconnect').click(function(){        socket.close();    });

完整JavaScript代碼

 $(document).ready(function() {          if(!("Web Socket" in window)){      $('#chatLog, input, button, #examples').fadeOut("fast");      $('
Oh no, you need a browser that supports Web Sockets. How about ');              }                  $('#text').keypress(function(event) {                  if (event.keyCode == '13') {                    send();                  }              });                     $('#disconnect').click(function(){                 socket.close();              });              }//End connect          }//End else        });

第九步：運行Web Socket服務(wù)器

我們要輸入一些命令行，XAMPP提供了比較方便的shell選項。點擊XAMPP控制面板的’shell’按鈕并輸入：

php -q path\to\server.php

現(xiàn)在你已經(jīng)運行了Web Socket服務(wù)器！

大功告成！

當(dāng)頁面讀取后，將嘗試創(chuàng)建一個Web Socket連接，然后用戶可以輸入信息并從服務(wù)器接收信息。大家可以通過The Web Socket API了解HTML 5 Web Socket的***動態(tài)。

關(guān)于HTML5 Web Sockets的介紹以及應(yīng)用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。