基于PHP的網(wǎng)頁即時聊天系統(tǒng)的設(shè)計與實現(xiàn)

張源偉　胡越　雷軍

摘 要：使用PHP服務(wù)器腳本語言，采用Apache服務(wù)器軟件搭建B/S結(jié)構(gòu)，將單條聊天內(nèi)容以結(jié)構(gòu)化數(shù)據(jù)庫表對應(yīng)的單條記錄形式存儲于MySQL數(shù)據(jù)庫，再通過Ajax技術(shù)使客戶端與服務(wù)器之間異步發(fā)送和接收信息，從而實現(xiàn)無刷新信息交互。該系統(tǒng)的即時聊天系統(tǒng)界面簡潔，功能專一，可使用戶之間的通訊與信息交流更加便捷。

關(guān)鍵詞：PHP；Ajax；即時聊天系統(tǒng)；B/S結(jié)構(gòu)

中圖分類號：TP393 文獻標(biāo)識碼：A 文章編號：2095-1302（2015）10-00-02

0 引 言

互聯(lián)網(wǎng)技術(shù)飛速發(fā)展，Instant Messaging（即時通訊）的出現(xiàn)，通過互聯(lián)網(wǎng)技術(shù)，革新了當(dāng)代人信息交流的方式，給人們生活帶來諸多便利。當(dāng)前，在“互聯(lián)網(wǎng)+”的國家發(fā)展戰(zhàn)略下，許多傳統(tǒng)服務(wù)行業(yè)都亟待與互聯(lián)網(wǎng)融合，服務(wù)必然需要一個互聯(lián)網(wǎng)溝通平臺，網(wǎng)頁即時聊天系統(tǒng)便應(yīng)運而生，該系統(tǒng)界面簡潔，功能專一，不需要下載軟件即可實現(xiàn)信息交流，讓信息交流更加便捷。

1 系統(tǒng)設(shè)計

1.1 系統(tǒng)整體架構(gòu)設(shè)計

系統(tǒng)采用B/S模式開發(fā)，具有三層結(jié)構(gòu)，具體如圖1所示。其中，表現(xiàn)層主要是提供交互的界面，由HTML完成，業(yè)務(wù)邏輯和數(shù)據(jù)訪問層通過PHP和MySQL組合開發(fā)，它們是當(dāng)今較為流行的開源技術(shù)，便于使用，運行速度快，功能強大，并且免費，非常適合Web開發(fā)[1-3]；業(yè)務(wù)邏輯層則通過PHP寫出收發(fā)信息和添刪處理邏輯；數(shù)據(jù)庫訪問層通過表的結(jié)構(gòu)，寫出相應(yīng)PHP服務(wù)類，然后通過PHP的MySQL接口來實現(xiàn)數(shù)據(jù)的增刪改查。

圖1 即時聊天系統(tǒng)的三層B/S結(jié)構(gòu)

1.2 系統(tǒng)數(shù)據(jù)庫設(shè)計

系統(tǒng)具有發(fā)送信息，添加刪除好友功能，相應(yīng)的有3張表，其中表1為用戶表，表2為信息表，好友關(guān)系表的具體字段設(shè)置見表3所列。

2 系統(tǒng)核心功能實現(xiàn)

2.1 驗證功能

系統(tǒng)界面是通過HTML完成，當(dāng)用戶寫入用戶名和密碼時，通過get方式向服務(wù)器發(fā)送請求，服務(wù)器驗證頁面接收到用戶名和密碼，通過連接數(shù)據(jù)庫，將接收到的用戶名和密碼與數(shù)據(jù)庫中用戶表的記錄進行逐行比對，如果與某一行完全匹配，則跳轉(zhuǎn)到聊天界面，否則跳轉(zhuǎn)到注冊界面。圖2所示是其驗證功能流程圖。如果是第一次登陸，生成session，在服務(wù)器保存用戶信息。

2.2 發(fā)送信息功能

當(dāng)用戶點擊發(fā)送信息按鈕時，瀏覽器向服務(wù)器發(fā)送Ajax請求，服務(wù)器中的處理收發(fā)信息頁面接收來自Ajax的請求信息，其中包括session里面的用戶信息，接收人信息，以及發(fā)送的內(nèi)容，并將這些信息存入信息表中，其中time字段用now（）函數(shù)來代替，is_get字段不作為字段寫入，默認(rèn)為0。圖3所示是其發(fā)送信息功能流程圖。

圖2 驗證功能流程圖 圖3 發(fā)送信息功能流程圖

2.3 接收信息功能

當(dāng)客戶端處于用戶登錄狀態(tài)，并且處于聊天界面時，瀏覽器定時向服務(wù)器發(fā)送獲取信息的請求，通過js的window.setInterval（）方法設(shè)定時間，本次設(shè)定為5 000，即為5秒，此時瀏覽器會間隔5秒向服務(wù)器發(fā)送獲取信息的請求，當(dāng)服務(wù)器接收到瀏覽器的請求后，開始連接數(shù)據(jù)庫，并通過用戶信息，在數(shù)據(jù)庫的信息表中查找接收人是當(dāng)前用戶的記錄，同時is_get字段的值必須為0，每取出一條，將該記錄中的is_get的值置1，在讀取之后，通過AIAX回調(diào)函數(shù)，使用DOM將信息更新到聊天界面[4]，其中每條信息都是拼接返回，避免覆蓋上一條信息。

接收信息功能流程圖如圖4所示。

圖4 接收信息功能流程圖

2.4 Ajax

Ajax是一種用于給用戶更好體驗，交互性更強的Web應(yīng)用程序技術(shù)，Ajax的本質(zhì)是異步的Javascript代碼配合XML用于Web交互，使用Ajax使客戶端接收信息，獨立于網(wǎng)頁，不需要刷新整個網(wǎng)頁就可以得到來自服務(wù)器的交互信息[5-8]。它不是新技術(shù)，但是能夠給Web體驗錦上添花[9]。即時聊天系統(tǒng)需要刷新頁面才可以收到信息，這對于用戶是不可接受的，并且極大地降低了用戶體驗，運用Ajax是此系統(tǒng)的核心解決方案。

如圖5所示，在聊天窗口點擊發(fā)送信息按鈕時，瀏覽器將請求轉(zhuǎn)移到Ajax引擎，由Ajax引擎發(fā)送請求，即實例化后的XMLHttpRequest對象[10]，服務(wù)器信息處理頁面收到Ajax引擎的請求到MySQL數(shù)據(jù)庫信息表中取出對應(yīng)信息并轉(zhuǎn)化為XML形式，返回給Ajax引擎，通過DOM將返回到Ajax引擎的信息更新到瀏覽器的聊天窗口，此過程中，瀏覽器沒有執(zhí)行刷新。

圖5 Ajax在聊天系統(tǒng)的工作原理

3 結(jié) 語

此聊天系統(tǒng)使用WAMP開發(fā)環(huán)境，基于B/S三層結(jié)構(gòu)開發(fā)完成。三層結(jié)構(gòu)很好地將業(yè)務(wù)邏輯和界面分開，便于后期維護和拓展。收發(fā)信息通過Ajax引擎完成，使聊天界面無刷新更新信息。服務(wù)器軟件和數(shù)據(jù)庫選用Apache和MySQL，加上PHP服務(wù)器腳本程序，代碼簡潔。實踐證明，系統(tǒng)整體運行良好，無漏接漏發(fā)信息。當(dāng)前傳統(tǒng)服務(wù)行業(yè)發(fā)展的大趨勢是與互聯(lián)網(wǎng)融合，網(wǎng)頁即時聊天系統(tǒng)，輕量級聊天，功能專一，無需下載軟件，通過瀏覽器即可完成信息交流，網(wǎng)頁即時聊天系統(tǒng)有著不錯的應(yīng)用環(huán)境和廣大的市場前景。

參考文獻

[1] 麥因泰.php語言精粹[M].劉濤，丁靜，譯.北京：電子工業(yè)出版社，2012.

[2] luke welling，laura Thomson.php和mysql web開發(fā)（第四版）[M].武欣，譯.北京：機械工業(yè)出版社，2009.

[3]（英）鮑爾斯.php動態(tài)網(wǎng)頁設(shè)計（第二版）[M]. 陳寶國，盛海艷，張冠楠，譯.北京：人民郵電出版社，2012.

[4]Joshua Eichorn.深入理解Ajax-基于Javascript的RIA開發(fā)[M].北京：人民郵電出版社，2007：4-5.

[5]王振興，黃靜.基于php和服務(wù)器推技術(shù)的web即時聊天系統(tǒng)[J].計算機系統(tǒng)應(yīng)用，2012，21（12）：17-21.

[6]陳穎，唐啟濤，彭利紅.Ajax在Web聊天系統(tǒng)中的應(yīng)用[J].電腦知識與技術(shù)，2011，7（1）：142-145.

[7]汪維富.基于Ajax的局域網(wǎng)內(nèi)聊天系統(tǒng)建模設(shè)與設(shè)計[J].福建電腦，2013（8）：130-131.

[8]胡楠.網(wǎng)頁即時聊天系統(tǒng)的設(shè)計與實現(xiàn)[J].信息與電腦（理論版），2015（7）：19-20.

[9] Lee Babin.Ajax與PHP基礎(chǔ)教程[M].北京：人民郵電出版社，2007：5-6.

[10] Dave Crane，Bear Bibeault.Ajax實戰(zhàn)實例詳解[M]. 賀師俊，許超，金擘，譯.北京：人民郵電出版社，2008：6-7.