تتمثل طريقة تنفيذ غرفة الدردشة في صفحة الويب التقليدية في تحقيق معلومات الدردشة ذات الصلة عن طريق طلب الخادم للحصول على معلومات الدردشة ذات الصلة في كل مرة. نظرًا لأن WebSocket يسمح للاتصال بالاحتفاظ بالاتصال لتفاعل البيانات بعد توصيل الخادم ، يمكن للخادم إرسال البيانات المقابلة بنشاط إلى العميل. بالنسبة لمعالجة HTML5 ، تحتاج فقط إلى معالجة بيانات الاستقبال في حدث WebSocket بعد اكتمال الاتصال.
وظيفةتحتوي غرفة الدردشة البسيطة على الوظائف التالية:
1) التسجيلسجل للتعامل مع العديد من الأشياء ، أي بعد الانتهاء من التسجيل ، للحصول على جميع قائمة المستخدمين للخادم الحالي ، وستقوم الخدمة بإرسال المستخدمين المسجلين حاليًا إلى مستخدمين آخرين عبر الإنترنت.
2) إرسال المعلوماتيرسل الخادم الرسالة التي تم استلامها حاليًا إلى مستخدمين آخرين عبر الإنترنت
3) الخروجسيقوم الخادم بإخطار المستخدمين الآخرين الذين فصلوا المستخدمين المنفصلين
معاينة الوظيفة لغرفة الدردشة هي كما يلي:
C#رمز جانبي الخدمةيحتاج الرمز الموجود على الخادم فقط إلى تحديد عدة طرق للعديد من الوظائف ، وهي التسجيل ، والحصول على مستخدمين آخرين وإرسال المعلومات. الرمز المحدد كما يلي:
/// <summary> /// Copyright © Henryfan 2012 /// البريد الإلكتروني: [email protected] /// homepage: http://www.ikende.com /// CreateTime: 2012/12/7 21:45 21:45: 25 /// </summary> معالج الفئة {Public Long Record (اسم السلسلة) ، الاسم) ؛ () ؛ .clientid ؛ قناة). ؛ .data = st ؛
لا يلزم سوى الرمز البسيط أعلاه لإكمال وظيفة خادم غرفة الدردشة.
Overdeved ovedisposed (Sender ConflyDisposDeventArgs e) اسم المستخدم ؛ this.server.getonlines ()) {if (item! = e.channel) item.send (msg) ؛}}}}تم الانتهاء من رمز الخدمة الجانبية للدردشة.
رمز JavaScriptأول ما يجب القيام به لرمز HTML5 هو الاتصال بالخادم.
دالة Connect () {channel = new tcpchaannel () ؛ (status == null || status == undered) {$ ('#dlgconnect') = evt) {$ ('#dlgconnect'). ) {var item = getUser (result.data) ؛ .id) .remove () ؛} آخر إذا (result.type == 'say') {addSayItem (result.data) ؛} آخر {}} (('#Host'). val ()) ؛}يتم التعامل مع الرسائل المختلفة من خلال عدد تجمعات الاسترداد. صندوق. أصبحت مساعدة مساعدة jQuery بسيطة للغاية.
عملية استدعاء تسجيل المستخدم:
var callregister = {url: 'Handler.register' ، {name: ''}} ؛ القيمة) ؛احصل على عملية قائمة المستخدمين عبر الإنترنت:
var callist = {url: 'Handler.list' ، المعلمات: {}} ؛ (var i = 0 ؛ i <result.data.length ؛ i ++) {var item = getUser (result.data [i]) ؛ ) ؛}إرسال عملية الرسائل:
var callsay = {url: 'Handler.say' ، {content:} function say () $ ('#content1') [0] .focus () ؛} لخصبعد أن يتم تغليف الكود ، تصبح معالجة WebSocket بسيطة للغاية.
ما سبق هو كل محتويات هذا المقال.