|
第二步：修改URLs和端口
根據(jù)你之前的安裝修改服務(wù)器，下面是setup.class.php中的例子：
public function __construct($host='localhost',$port=8000,$max=100)
{
$this->createSocket($host,$port);
}
瀏覽文件并在適當(dāng)情況下進(jìn)行更改。
第三步：開始創(chuàng)建客戶端
下面來創(chuàng)建基本模板，這是我的client.php文件：
<!DOCTYPE html>
<html>
<head>
<script src=
"</script>
<title>WebSockets Client</title>
</head>
<body>
<div id="wrapper">
<div id="container">
<h1>WebSockets Client</h1>
<div id="chatLog">
</div><!-- #chatLog -->
<p id="examples">e.g. try 'hi', 'name', 'age', 'today'</p>
<input id="text" type="text" />
<button id="disconnect">Disconnect</button>
</div><!-- #container -->
</div>
</body>
</html>
我們已經(jīng)創(chuàng)建里基本模板：一個(gè)chat log容器，一個(gè)input輸入框和一個(gè)斷開連接的按鈕。
第四步：添加一些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;
}
出處：彬Go
責(zé)任編輯：bluehearts
上一頁 HTML5 WebSockets基礎(chǔ)使用教程 [1] 下一頁 HTML5 WebSockets基礎(chǔ)使用教程 [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 2 頁 HTML5 WebSockets基礎(chǔ)使用教程 [2]
