درخواست کمک برای ارسال پیام مدیریت به کاربران آنلاین بصورت Ajax

[sadeghpa80]

سلام توی سایت بورس به نشانی www.tsetmc.com (http://www.tsetmc.com) پایین سمت چپ هر وقت مدیر تالار بورس یه پیغامی بفرسته
روی صفحه کاربران پایین سمت چپ یه کادر باز میشه که کاربران سایت می تونن اونو بخونن

می دونم از AJAX استفاده کردن و می دونم من هم باسد از Ajax و UpdatePanel استفاده کنم

اما نمیدونم چه جوری پیام رو بفرستم برای کاربران
یعنی اصلا نمی دونم چی کار باید کنم
من کاری که کردم توی سایتم یه قسمت یه Div ساختم که با updatepanel هر 15 ثانیه رفرش میشه و می خوام پیام اونجا ظاهر بشه

یه نکته هم هست که کاربر وقتی پیغام رو خوند دیگه با رفرش و یا بستن و باز کردن صفحه اش دیگه نیاد براش

امیدوارم واضح توضیح داده باشم
مرسی از شما

[mamad174]

سلام دوست عزیز برای این کار شما باید اول یک نمونه از نوع اپلیکیشن بسازی:


Application.Add("msg", TextBox1.Text);

این کار باعث میشه پیغام شما توی کلیه صفحات سایتتون به اشتراک گذاشته بشه این برای ادمین بود تا بتونه پیغام رو ارسال کنه حالا شما باید بتونی پیغام رو بگیری خیلی ساده :



if (Application["msg"] != null) ;
TextBox1.Text = Application["msg"].ToString(); ;



حالا شما بسته به کنترلی که استفاده می کنی اسمشو عوض کن این روش درسشت کار میکنه اگر مشکلی بود دوباره بپرس

[sadeghpa80]

سلام دوست عزیز برای این کار شما باید اول یک نمونه از نوع اپلیکیشن بسازی:


Application.Add("msg", TextBox1.Text);

این کار باعث میشه پیغام شما توی کلیه صفحات سایتتون به اشتراک گذاشته بشه این برای ادمین بود تا بتونه پیغام رو ارسال کنه حالا شما باید بتونی پیغام رو بگیری خیلی ساده :



if (Application["msg"] != null) ;
TextBox1.Text = Application["msg"].ToString(); ;



حالا شما بسته به کنترلی که استفاده می کنی اسمشو عوض کن این روش درسشت کار میکنه اگر مشکلی بود دوباره بپرس

ممنون اما میشه یکم بیشتر توضیح بدید ؟ من زیاد متوجه نشدم

[sadeghpa80]

دوستا ن نمیشه یه کمکی کنید

[fakhravari]

فکر نکنم با طراحی جدول پیام مشکلی داشته باشی!
فقط میمونه پیاده سازی.
بستگی به نمایش شما داره.
مثلا برنامه نویس به صورت مسیج میاد.
این چیزی که گذاشتید احتمالا به صورت مسیج باکس میاد.

خب برای طراحی این گونه مسیج ها بدون رفرش باید بری سراغ jquery

[sadeghpa80]

فکر نکنم با طراحی جدول پیام مشکلی داشته باشی!
فقط میمونه پیاده سازی.
بستگی به نمایش شما داره.
مثلا برنامه نویس به صورت مسیج میاد.
این چیزی که گذاشتید احتمالا به صورت مسیج باکس میاد.

خب برای طراحی این گونه مسیج ها بدون رفرش باید بری سراغ jquery

من خیلی سرچ کردم توی jquery مثل noty یا notify و ... خیلی دیگه ولی همشون یه جورایی مسیج باکس هستن من می خوام مدیریت یه پیامی برای کاربران ( که همشون دارن لوکال از سایت استفاده می کنند ) ارسال کنه که یه جایی روی صفحه یه آلارمی بیاد که کاربر بفهمه که مدیر یه پیامی فرستاده. در ضمن این پیام عمومی هست پیام خصوصی نیست

ممنون میشم یه سایتی ، نمونه ای چیزی برای من بزارید
مرسی

[fakhravari]

خب بهتر نیست یه باکسی درست کنید اطلاعات به صورت اسلاید شو نمایش بدین.
http://barnamenevis.org/showthread.php?317497-%D8%A7%D8%B3%D9%84%D8%A7%DB%8C%D8%AF-%D8%B4%D9%88-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF/page4

[sadeghpa80]

خب بهتر نیست یه باکسی درست کنید اطلاعات به صورت اسلاید شو نمایش بدین.
http://barnamenevis.org/showthread.php?317497-%D8%A7%D8%B3%D9%84%D8%A7%DB%8C%D8%AF-%D8%B4%D9%88-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF/page4

مرسی اما این پاک کردن صورت مسئله هست
برای مورد من این کار بدردش نمی خوره
در مورد SignalR چیزی میدونید ؟

[iranajax]

SignalR

چند وقتی هست که در کنار بدنه اصلی دات‌نت فریم‌ورک چندین کتابخونه به صورت متن‌باز در حال توسعه هستند. این مورد در ASP.NET بیشتر فعاله و مثلا دو کتابخونه SignalR و WebApi توسط خود مایکروسافت توسعه داده میشه.
SignalR همونطور که در سایت بسیار خلاصه و مفید یک صفحه‌ای! خودش توضیح داده شده (^) یک کتابخونه برای توسعه برنامه‌های وب «زمان واقعی»! (real-time web) است:
1
Async library for .NET to help build real-time, multi-user interactive web applications.
برنامه‌های زمان واقعی به صورت خلاصه و ساده به‌صورت زیر تعریف میشن (^):
1
The real-time web is a set of technologies and practices that enable users to receive information as soon as it is published by its authors, rather than requiring that they or their software check a source periodically for updates.
یعنی کاربر سیستم ما بدون نیاز به ارسال درخواستی صریح! برای دریافت آخرین اطلاعات به روز شده در سرور، در برنامه کلاینتش از این تغییرات آگاه بشه. مثلا برنامه‌هایی که برای نمایش نمودارهای آماری داده‌ها استفاده میشه (بورس، قیمت ارز و طلا و ...) و یا مهمترین مثالش میتونه برنامه «چت» باشه. متاسفانه پروتوکل HTTP مورد استفاده در وب محدودیت‌هایی برای پیاده‌سازی این گونه برنامه‌ها داره. روش‌های گوناگونی برای پیاده‌سازی برنامه‌های زمان واقعی در وب وجود داره که کتابخونه SignalR فعلا از موارد زیر استفاده میکنه:
تکنولوژی جدید WebSocket (^) که خوشبختانه پشتیبانی کاملی از اون در دات نت 4.5 (چهار نقطه پنج! نه چهار و نیم!) وجود داره. اما تمام مرورگرها و تمام وب سرورها از این تکنولوژی پشتیبانی نمیکنند و تنها برخی نسخه‌های جدید قابلیت استفاده از آخرین ورژن WebSocket رو دارند که میشه به کروم 16 به بالا و فایرفاکس 11 به بالا و اینترنت اکسپلورر 10 اشاره کرد (برای استفاده از این تکنولوژی در ویندوز نیاز به IIS 8.0 است که متاسفانه فقط در ویندوز 8.0 موجوده):
Chrome 16, Firefox 11 and Internet Explorer 10 are currently the only browsers supporting the latest specification (RFC 6455).
یه روش دیگه Server-sent Events نام داره که داده‌های جدید رو به فرم رویدادهای DOM به سمت کلاینت میفرسته(^).
روش دیگه‎‌ای که موجوده به Forever Frame معروفه که در این روش یک iframe مخفی درون کد html مسئول تبادل داده‌هاست. این iframe مخفی به‌صورت یک بلاک Chunked (^) به سمت کلاینت فرستاده میشه. این iframe که مسئول رندر داده‌های جدید در سمت کلاینت هست ارتباط خودش رو با سرور تا ابد! (برای همین بهش forever میگن) حفظ میکنه. هر وقت رویدادی سمت سرور رخ میده با استفاده از این روش داده‌ها به‌صورت تگ‌های script به این فریم مخفی فرستاده می‌شوند و چون مرورگرها محتوای html رو به صورت افزایشی (incrementally) رندر میکنن بنابراین این اسکریپتها به‌ترتیب زمان دریافت اجرا می‌شوند. (البته ظاهرا عبارت forever frame در صنعت عکاسی! معروف‌تره بنابراین در جستجو در زمینه این روش ممکنه کمی مشکل داشته باشین) (^).
روش آخر که در کتابخونه SignalR ازش استفاده میشه long-polling نام داره. در روش polling معمولی پس از ارسال درخواست توسط کلاینت، سرور بلافاصله نتیجه حاصله رو به سمت کلاینت میفرسته و ارتباط قطع میشه. بنابراین برای داده‌های جدید درخواست جدیدی باید به سمت سرور فرستاده بشه که تکرار این روش باعث افزایش شدید بار بر روی سرور و کاهش کارآمدی اون می‌شه. اما در روش long-polling پس از برقراری ارتباط کلاینت با سرور این ارتباط تا مدت زمان معینی (که توسط یه مقدار تایم اوت مشخص میشه و مقدار پیش‌فرضش 2 دقیقه است) برقرار میمونه. بنابراین کلاینت میتونه بدون ایجاد مشکلی در کارایی، داده‌های جدید رو از سرور دریافت کنه. به این روش در برنامه‌نویسی وب اصطلاحا برنامه‌نویسی کامت (Comet Programming) میگن (^ ^).
(البته روش‌های دیگری هم برای پیاده‌سازی برنامه‌های زمان اجرا وجود داره مثل کتابخونه node.js که جستجوی بیشتر به خوانندگان واگذار میشه)
SignalR برای برقراری ارتباط ابتدا بررسی میکنه که آیا هر دو سمت سرور و کلاینت قابلیت پشتیبانی از WebSocket رو دارند. در غیراینصورت سراغ روش Server-sent Events میره. اگر باز هم موفق نشد سعی به برقراری ارتباط با روش forever frame میکنه و اگر باز هم موفق نشد در آخر سراغ long-polling میره.
با استفاده از SignalR شما میتونین از سرور، متدهایی رو در سمت کلاینت فراخونی کنین. یعنی درواقع با استفاده از کدهای سی شارپ میشه متدهای جاوااسکریپت سمت کلاینت رو صدا زد!
بطور خلاصه در این کتابخونه دو کلاس پایه وجود داره:
کلاس سطح پایین PersistentConnection
کلاس سطح بالای Hub
علت این نامگذاری به این دلیله که کلاس سطح پایین پیاده‌سازی پیچیده‌تر و تنظیمات بیشتری نیاز داره اما امکانات بیشتری هم در اختیار برنامه‌نویس قرار می‌ده.
خوب پس از این مقدمه نسبتا طولانی برای دیدن یک مثال ساده میتونین با استفاده از نوگت (Nuget) مثال زیر رو نصب و اجرا کنین (اگه تا حالا از نوگت استفاده نکردین قویا پیشنهاد میکنم که کار رو با دریافتش از اینجا آغاز کنین) :
1
PM> Install-Package SignalR.Sample
پس از کامل شدن نصب این مثال اون رو اجرا کنین. این یک مثال فرضی ساده از برنامه نمایش ارزش آنلاین سهام برخی شرکتهاست. میتونین این برنامه رو همزمان در چند مرورگر اجرا کنین و نتیجه رو مشاهده کنین.
حالا میریم سراغ یک مثال ساده. میخوایم یک برنامه چت ساده بنویسیم. ابتدا یک برنامه وب اپلیکیشن خالی رو ایجاد کرده و با استفاده از دستور زیر در خط فرمان نوگت، کتابخونه SignalR رو نصب کنین:
1
PM> Install-Package SignalR
پس از کامل شدن نصب این کتابخونه، ریفرنس‌های زیر به برنامه اضافه میشن:
1
2
3
4
5
Microsoft.Web.Infrastructure
Newtonsoft.Json
SignalR
SignalR.Hosting.AspNet
SignalR.Hosting.Common
برای کسب اطلاعات مختصر و مفید از تمام اجزای این کتابخونه به اینجا مراجعه کنین.
همچنین اسکریپت‌های زیر به پوشه Scripts اضافه میشن (این نسخه‌ها مربوط به زمان نگارش این مطلب است):
1
2
jquery-1.6.4.js
jquery.signalR-0.5.1.js
بعد یک کلاس با نام SimpleChat به برنامه اضافه و محتوای زیر رو در اون وارد کنین:
1
2
3
4
5
6
7
8
9
10
11
using SignalR.Hubs;
namespace SimpleChatWithSignalR
{
public class SimpleChat : Hub
{
public void SendMessage(string message)
{
Clients.reciveMessage(message);
}
}
}
دقت کنین که این کلاس از کلاس Hub مشتق شده و همچنین خاصیت Clients از نوع dynamic است. (در مورد جزئیات این کتابخونه در قسمت‌های بعدی توضیحات مفصل‌تری داده میشه)
سپس یک فرم به برنامه اضافه کرده و محتوای زیر رو در اون اضافه کنین:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<input type="text" id="msg" />
<input type="button" value="Send" id="send" />

<textarea id='messages' readonly="true" style="height: 200px; width: 200px;"></textarea>
<script src="Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.signalR-0.5.1.min.js" type="text/javascript"></script>
<script src="signalr/hubs" type="text/javascript"></script>
<script type="text/javascript">
var chat = $.connection.simpleChat;
chat.reciveMessage = function (msg) {
$('#messages').val($('#messages').val() + "-" + msg + "\r\n");
};
$.connection.hub.start();
$('#send').click(function () {
chat.sendMessage($('#msg').val());
});
</script>
همونطور که میبینین برنامه چت ما آماده شد! حالا برنامه رو اجرا کنین و با استفاده از دو مرورگر مختلف نتیجه رو مشاهده کنین.
نکته کلیدی کار SignalR در خط زیر نهفته است:
1
<script src="signalr/hubs" type="text/javascript"></script>
اگر محتوای آدرس فوق رو دریافت کنین می‌بینین که موتور این کتابخانه تمامی متدهای موردنیاز در سمت کلاینت رو با استفاده از کدهای جاوااسکریپت تولید کرده. البته در این کد تولیدی از نامگذاری camel Casing استفاده میشه، بنابراین متد SendMessage در سمت سرور به‌صورت sendMessage در سمت کلاینت در دسترسه.
امیدوارم تا اینجا تونسته باشم علاقه شما به استفاده از این کتابخونه رو جلب کرده باشم. در قسمت‌های بعد موارد پیشرفته‌تر این کتابخونه معرفی میشه.
اگه علاقه‌مند باشین میتونین از این ویکی اطلاعات بیشتری بدست بیارین.

[ایمان مدائنی]

http://barnamenevisan.org/ImagesArticle/2d2c18b66316445fbae5c2f587aaf031.jpg

ارسال پیام لحظه ای به کاربران آنلاین در سایت (http://barnamenevisan.org/Articles/Article2144.html)