快捷導(dǎo)航

Asp.net的服務(wù)器推技術(shù) (Server Push)

更新時(shí)間：2010年01月22日 21:41:24 作者：

在以往的和服務(wù)器端通信技術(shù)中，我們多數(shù)使用的是AJAX輪詢式訪問，也就是在Javascript中控制時(shí)間間隔，然后每隔一段時(shí)間就訪問一次服務(wù)器，然后獲得數(shù)據(jù)或通知。但是這種輪詢方式的訪問有90%是在做無用功。

要想長時(shí)間保持服務(wù)器和瀏覽器之間的連接怎么辦？長連接技術(shù)，這可不是什么新技術(shù)，用IFrame作為隱藏幀指向長請求頁面的方法早已被很多人運(yùn)用在互聯(lián)網(wǎng)上，但是IFrame作為隱藏幀有一個(gè)弊端，那就是瀏覽器的進(jìn)度條始終處在讀取狀態(tài)。為了使用戶獲得更好體驗(yàn)，“Google的天才們”使用了一個(gè)叫“htmlfile”的對象解決了這一問題，并把它運(yùn)用了了GMail和GTalk兩個(gè)產(chǎn)品上。
如今我們公司要做的新項(xiàng)目上要求有實(shí)時(shí)報(bào)警功能，本來我想用AJAX輪詢做，但是覺得挺沒追求的，前段時(shí)間聽說有了Server Push，但是沒仔細(xì)研究，這次倒是個(gè)機(jī)會，一天時(shí)間，從網(wǎng)上搜集資料。資料不是很多，而且現(xiàn)在有很多開發(fā)人員還認(rèn)為長連接是天方夜譚，居然還有把HTTP協(xié)議搬出來要證明自己觀點(diǎn)的……
廢話不多說了，來介紹一下長連接技術(shù)，通常的長鏈接就是做一個(gè)網(wǎng)頁，里面寫好一個(gè)IFrame標(biāo)簽，高寬設(shè)置為0，SRC屬性指向一個(gè)網(wǎng)頁，比如是ASPX,然后在這個(gè)文件中不做別的，只是在調(diào)用Context.Response.Write方法，輸出什么？比如客戶端有一個(gè)更改時(shí)間的方法Change(time),那輸出就是（"<script>window.parent.Change("+DateTime.Now.ToString()+")</script>"）,也就是不斷的輸出客戶端的函數(shù)調(diào)用，并且做成死循環(huán)，這樣瀏覽器和服務(wù)器端就形成了一條源源不斷的數(shù)據(jù)傳輸鏈接。
那htmlfile是什么呢？這是一個(gè)類似Javascript中Window對象的一個(gè)ActiveXObject，它內(nèi)部也是DOM結(jié)構(gòu)，將作為隱藏幀的IFrame寫入這個(gè)對象中，就可以解決進(jìn)度條的問題。說的可能比較晦澀，來看實(shí)例代碼吧：
Default.aspx.cs
c# 代碼

復(fù)制代碼代碼如下:

 
public partial class _Default : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
} 
protected override void Render(HtmlTextWriter output) 
{ 
string str; 
while (true) 
{//死循環(huán)保持長鏈接 
str = "<script >window.parent.Change('" + DateTime.Now.ToLongTimeString() + "')</script>"; 
this.Context.Response.Write(str); 
this.Context.Response.Flush();//輸腳本調(diào)用出 
System.Threading.Thread.Sleep(1000); 
} 
} 
} 

WebForm1.aspx

復(fù)制代碼代碼如下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>Asp.net Server Push</title> 
<script type="text/javascript"> 
function Change(str){ 
window.document.getElementById("div1").innerText=str; 
} 
function onload(){ 
var ifrpush = new ActiveXObject("htmlfile"); // 創(chuàng)建對象 
ifrpush.open(); //打開 
var ifrDiv = ifrpush.createElement("div"); //添加一個(gè)DIV 
ifrpush.appendChild(ifrDiv); //添加到 htmlfile 
ifrpush.parentWindow.Change=Change; //注冊 javascript 方法 搞不明白為什么還要注冊 
ifrDiv.innerHTML = "<iframe src='Default.aspx'></iframe>"; //在div里添加 iframe 
ifrpush.close(); //關(guān)閉 
} 
onload(); 
</script> 
</head> 
<body> 
<div style=" float:left">現(xiàn)在時(shí)間是：</div> 
<div id="div1"></div> 
</body> 
</html> 