基于Web socket技術的聊天系統(tǒng)開發(fā)

劉蘇磊 呂佳 洪一鳴 吳敬通 郝國慶 馮磊 陳薇

摘? 要：為了實現(xiàn)學校同學之間更方便、更快捷地進行網(wǎng)上交流和相約一起運動的目標，所以設計了基于Web socket技術的聊天系統(tǒng)開發(fā)的“校園聊吧”網(wǎng)站。它一方面通過互聯(lián)網(wǎng)時尚便捷的特點，使得同學之間的交流更多，所能收獲的友誼越多;另一方面又是一種新的促進運動的方法，使同學之間可以通過一起運動相識。該項目源自學生的真實項目，源于生活，旨在為大學生提供便捷的運動交友平臺，最終完成“校園聊吧”平臺設計開發(fā)與推廣，做到運動、交友相結(jié)合，提供方便快捷的校園生活。

關鍵詞：聊吧? 好友? C#? ASP.NET? Visual Studio? SQL Server

中圖分類號：TP393 ? ?文獻標識碼：A 文章編號：1672-3791（2019）10（a）-0004-02

1? 項目背景

網(wǎng)絡聊天室是在一個網(wǎng)站中，供許多人通過文字與符號進行實時交談、聊天的場所，它是一個向整個因特網(wǎng)開放的地方?！癊時代”的到來，給人們提供了各種便利。隨著“互聯(lián)網(wǎng)+”的興起和普及，這種網(wǎng)絡時代帶來的交流形式也在被越來越多的人所接受。

信息時代的來臨，大環(huán)境下人們的交流變得快捷而又頻繁。校園內(nèi)人員廣泛，身份多樣，良好的溝通交流，可以促進學生之間的信息共享，學習的進步，身心的健康。加上很多學生入學后，想?yún)⒓由缃换顒诱J識新同學和新朋友，來豐富自己的校園生活和經(jīng)歷，但卻苦于沒有很好的平臺供于查詢。通過該項目，一方面給大學生提供便捷的交友平臺，另一方面將不同的學生、不同的興趣愛好進行分類，從而實現(xiàn)對號入座式的匹配功能。學生可以根據(jù)自己的興趣愛好選擇自己的匹配項目，這樣一來，每個學生就能匹配到與自己興趣愛好相同，并且志同道合的朋友。

2? “校園聊吧”的開發(fā)與技術實現(xiàn)

現(xiàn)如今，人們通過網(wǎng)上聊天系統(tǒng)交流已經(jīng)成為一種普遍存在的現(xiàn)象，而在Internet應用系統(tǒng)中，網(wǎng)上聊天系統(tǒng)也是一項非常具有代表性的內(nèi)容。但是，在享受交流方便的同時，如何對聊天內(nèi)容進行保存以及怎樣將在服務器與用戶之間高效地傳遞、共享聊天信息，也是一項亟待解決的問題。就目前而言，聊天內(nèi)容以文本形式、對數(shù)據(jù)庫、Application對象的利用是最常見的3種聊天內(nèi)容保存方式，無論是在保存方法、過程還是開發(fā)難以程度上來看，3種方式都不存在非常顯著的區(qū)別。

ASP.NET是一款非強大的網(wǎng)絡程序，可以在服務器端構(gòu)架，其原因在于，它的建立是基于通用語言的編程框架。ASP.NET在開發(fā)ASP.NET程序時，可以通過對HTML編輯器或者其他的編程工具的使用完成。Microsoft Visual Studio在設計過程中充分考慮到程序開發(fā)效率問題，可以將設計、開發(fā)、編譯、運行都集中在一起。目前，ASP.NET的編程模型共有兩個：一個是Web Form，而另一個就是Web Service。

分析兩種模型，Web Form模型主要用于對以form為基礎的具有強大功能的網(wǎng)頁，在對常用的界面元素進行制作時，可以通過對內(nèi)嵌的服務器軟件進行使用完成。而Web Service可以提供服務器遠程服務的方法，具有唯一性，也就是說，是NET才具備的。這種模型使得不同服務器、客戶與服務之間的數(shù)據(jù)交互存在較大的可能性，數(shù)據(jù)形式以XML或者HTTP為主。在Web Service提供服務時，不會受到語言、組件模型編寫、平臺不同的限制。

“校園聊吧”以C#為后臺語言，用ASP.NET輔助;采用SQL Server 2014數(shù)據(jù)庫技術，解決SDK集成后遺留的問題;在package中使用Utils工具、http網(wǎng)絡請求封裝、Common公用的調(diào)用方法封裝、weight自定義UI布局。采用CSS、Photoshop、FIREWORKS等工具設計出美觀、友好的界面。該網(wǎng)站采用Visual Studio 2015開發(fā)，HBuilder、SQL Server 2014等提供后臺支持，賬號的注冊驗證等功能完整實現(xiàn)。

“校園聊吧”設計的制作網(wǎng)頁部分包括用戶注冊、用戶登錄、公共聊天室、用戶私聊、校園愛心榜、校內(nèi)新聞6個主要部分。

網(wǎng)站界面實現(xiàn)如下。

2.1 注冊界面

注冊界面由navbar、form、input以及Button這4個部分組成，input的功能在于對將要輸入的內(nèi)容進行提示，form功能在于對用戶賬號、密碼進行獲取，并將驗證賬號、新創(chuàng)建賬號信息發(fā)送。

2.2 登錄成功后界面

界面內(nèi)容主要有用戶賬號、所在院系、專業(yè)班級、興趣愛好和用戶的個人標簽。

2.3 主頁界面

這個界面由導航欄、搜索框、用戶信息以及交友、運動、愛心、新聞4個模塊組成，用戶可以在此頁直接選定模塊信息，然后進入該模塊界面查看相關模塊的實時信息。

3? “校園聊吧”項目優(yōu)勢

當今社會，互聯(lián)網(wǎng)在人們工作、學習、生活中的重要性愈發(fā)凸顯。幫助人們快速地獲取想要的信息，實現(xiàn)與朋友之間的交流，而且在網(wǎng)絡技術水平不斷提升的帶動下，各種功能型的網(wǎng)站也越來越多，但HTML網(wǎng)頁靜態(tài)化限制了人們的交互目標，各種交互式網(wǎng)頁技術的出現(xiàn)，使得網(wǎng)站的功能愈發(fā)強大。

現(xiàn)階段，網(wǎng)上聊天系統(tǒng)提供了一個快捷、方便的交流平臺，讓人們的交流更加方便?，F(xiàn)代化的網(wǎng)絡技術水平逐漸提升，且網(wǎng)絡資源也越來越多，在此基礎上，加強網(wǎng)絡聊天系統(tǒng)的管理水平，在促進學生情感交流有效性提升的同時，加快建設信息校園的建設。

“校園聊吧”為用戶提供了便捷的交流渠道，該網(wǎng)站系統(tǒng)的設計目標是建立一個功能多樣性的聊天系統(tǒng)，并以瀏覽器、服務器方式的功能作為研發(fā)基礎，用戶在發(fā)送消息時，通過瀏覽器完成，接收信息的用戶可以直接在界面中讀取信息，同時在服務器端還將顯示所有的在線用戶，服務器對信息進行有關處理并向適當?shù)挠脩舭l(fā)送，不同用戶之間的聊天可以通過Internet完成。這個網(wǎng)站的建立為學生之間的交流提供了便捷性，建立了一個基本功能豐富的網(wǎng)絡聊天系統(tǒng)，比如注冊、聊天等。

按照上述形式制作的通信軟件具備及時性，以互聯(lián)網(wǎng)為媒介，不需要對其他客戶端軟件進行安裝，既可以通過互聯(lián)網(wǎng)網(wǎng)站平臺進行溝通對話。用戶只要能夠上網(wǎng)，就可以通過網(wǎng)頁聊天系統(tǒng)跟志同道合的人（群）即時交流。一般在網(wǎng)頁聊天系統(tǒng)里可以建立不同興趣標簽的房間，用戶可以選擇感興趣的標簽進入?yún)⑴c聊天。

在設計上全面考慮了用戶的使用需求，活潑清新的界面設計、簡單實用的功能操作，以及全網(wǎng)頁化的操作習慣，帶給用戶全新的互聯(lián)網(wǎng)體驗，免去安裝客戶端的繁瑣。用戶僅利用普通的PC機，基于現(xiàn)有的互聯(lián)網(wǎng)環(huán)境下，便可輕松實現(xiàn)實時通信。

用戶在該網(wǎng)站中選擇模塊進入，可以選擇發(fā)布不同類型的匹配，同學尋找共同興趣愛好的伙伴。系統(tǒng)會給出一個匹配人數(shù)的上限，在匹配人數(shù)滿員之后，將這些人帶入一個聊天室，實現(xiàn)實時語聊的功能，同學們可以在這個聊天室內(nèi)約定好一起出行的時間及地點。這樣不僅解決了大學生交友困難這一問題，同時可以尋找到志同道合的伙伴，大大提升了校園交友的水平。

參考文獻

[1] 劉朋.基于Web的高校教務實驗選課系統(tǒng)的設計與實現(xiàn)[M].北京：清華大學出版社，2012.

[2] 李應偉，姚素霞，景麗.ASP.NET數(shù)據(jù)庫高級編程（C#篇） [M].北京：清華大學出版社，2004.

[3] 木林森.C#和ASP.NET程序設計教程[M].北京：清華大學出版社，2002.

[4] 石志國，劉冬梅，陳上.ASP.NET應用教程[M].北京：清華大學出版社，北京交通大學出版社，2005.

[5] 第3章：ASP.NET方向軟件測試工程師實踐準備[EB/OL].https：//www.docin.com/p-313832872.html.

[6] 張容銘.JavaScript設計模式[M].北京：人民郵電出版社，2015.