基于PHP的網(wǎng)頁即時聊天系統(tǒng)的設(shè)計與實現(xiàn)
引 言
互聯(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.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 接收信息功能 當(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 所示。
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í) 行刷新。
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)境和廣大的市場前景。