HTML5 Socket PHP 好用又方便
隨著年代的變遷，計(jì)算機(jī)的發(fā)展也越來(lái)越快，Internet的普及也日趨廣泛。隨之而來(lái)的就是新的技術(shù)、新的標(biāo)準(zhǔn)、新的標(biāo)識(shí)語(yǔ)言。HTML5 Socket PHP就是一種新的技術(shù)。
HTML5 Socket PHP是在HTML5標(biāo)準(zhǔn)中新增加的一部分，它提供了一種全新的、基于異步的、實(shí)時(shí)流的方式來(lái)進(jìn)行網(wǎng)絡(luò)通信。而php則是一種腳本語(yǔ)言，在服務(wù)器端使用非常廣泛，使用它可以快速的開(kāi)發(fā)瀏覽器的后端功能。
舉個(gè)例子，我們?cè)囅胍幌拢谀硞€(gè)秀場(chǎng)上，我們可以通過(guò)HTML5 Socket PHP來(lái)實(shí)現(xiàn)實(shí)時(shí)的彈幕評(píng)論，彈幕內(nèi)容可以直接跟隨視頻畫面進(jìn)行移動(dòng)。這樣我們就可以充分利用實(shí)時(shí)流特性來(lái)進(jìn)行一些交互性很高的網(wǎng)頁(yè)設(shè)計(jì)。
下面我們來(lái)看一個(gè)HTML5 Socket PHP的示例代碼：
```html
<!doctype html>
<html>
<head>
<title>HTML5 Socket PHP示例代碼</title>
<meta charset="UTF-8">
</head>
<body>
<script>
var socket = new WebSocket('ws://localhost:8080');
socket.onopen = function(event){
socket.send('Hello PHP!');
};
socket.onmessage = function(event){
console.log('從PHP獲取到的信息： ' + event.data);
};
</script>
<?php
$server = stream_socket_server("tcp://0.0.0.0:8080", $errno, $errorMessage);
if($server === false) {
die("創(chuàng)建socket服務(wù)器失敗： {$errorMessage}\n");
}
while(true) {
$client = @stream_socket_accept($server);
if($client === false) {
continue;
}
$message = '已連接成功';
fwrite($client, $message);
$data = fread($client, 10);
if(empty($data)) {
continue;
}
echo '從瀏覽器獲取到的信息： '.$data."\n";
fwrite($client, '獲取到信息！\n');
fclose($client);
}
?>
</body>
</html>```
在上面這段代碼中，我們使用WebSocket的new關(guān)鍵字來(lái)建立與服務(wù)器的連接，并定義了onopen 、onmessage 用來(lái)處理服務(wù)器返回的消息和處理消息傳輸過(guò)程。而php的部分則是定義了一個(gè)服務(wù)器，并監(jiān)聽(tīng)端口號(hào)8080。我們?cè)谶@里使用了stream_socket_server()函數(shù)來(lái)創(chuàng)建一個(gè)服務(wù)器，然后使用stream_socket_accept()來(lái)接受一個(gè)客戶端請(qǐng)求，然后通過(guò)fwrite()和fread()來(lái)發(fā)送和讀取數(shù)據(jù)。
在接下來(lái)的使用過(guò)程中，我們可以根據(jù)自己的需求，對(duì)這個(gè)基本的代碼進(jìn)行修改和擴(kuò)展，例如，我們可以通過(guò)HTML5 Socket PHP來(lái)實(shí)現(xiàn)直播互動(dòng)、在線評(píng)測(cè)、數(shù)據(jù)傳輸?shù)裙δ堋?
總的來(lái)說(shuō)，HTML5 Socket PHP提供了一種全新的、基于異步的、實(shí)時(shí)流的方式來(lái)進(jìn)行網(wǎng)絡(luò)通信。使用HTML5 Socket PHP可以在很多方面給予很大的便利，未來(lái)的網(wǎng)頁(yè)設(shè)計(jì)會(huì)充滿更加豐富和生動(dòng)的元素。上一篇html5 上傳 php
下一篇html5 php聊天室