該案例中包含一個基于web網頁的前端程式,該案例會使用websocket與IM伺服器(imserver)進行通信。
1、下載下傳 “imserver網頁調用案例”,并解壓到指定目錄。
2、進入“web/js”目錄中,使用文本編輯器打開“main.js”檔案。
修改websocket的連接配接位址,該位址是IM伺服器的位址。
如下圖:
注意:IP位址不要填寫127.0.0.1,填寫ipcoinfg中配置的ip位址。
1、啟動web伺服器
輕按兩下解壓目錄中的 HttpServer.exe 程式。
這是一個高性能的web伺服器,詳情見文章《HttpServer:一款Windows平台下基于IOCP模型的高并發輕量級web伺服器》。
啟動後目錄中web中網頁将會釋出,預設首頁是web目錄中的user.html,預設端口是80(可通過配置檔案HttpServer.ini進行修改)。
2、啟動IM伺服器
下載下傳目錄
下載下傳該目錄中的 imserver.exe 到指定目錄中,輕按兩下運作即可。
IM伺服器的詳情見文章《IM伺服器:我的千萬級即時通信伺服器叢集》
打開浏覽器,輸入HttpServer運作所在機器的IP位址,出現如下網頁:
每個使用者都有一個uid,以及目前所在的組id。
點選使用者後,組成員之間可群聊。如下圖,老師和學生一進行群聊。
寫在最後:由于我不會寫web程式,該案例是讓人幫忙代寫,比較倉促,隻是為了展示如何利用imserver開發web端的聊天程式,與imserver的通信邏輯都在main.js中,比較簡單。
感謝您的閱讀!