واجهة برمجة تطبيقات BroadcastChannel

تعرف على أساسيات الاتصال من شخص إلى متعدد باستخدام واجهة برمجة تطبيقات BroadcastChannel

الواجهة برمجة تطبيقات Channel Messagingهي طريقة رائعة لإرسال رسائل 1 إلى 1 من نافذة إلى iframe ، ومن نافذة إلى Web Worker ، وما إلى ذلك.

يمكن استخدام واجهة برمجة تطبيقات BroadcastChannel لإرسال رسائل من شخص إلى العديد ، والتواصل مع كيانات متعددة في نفس الوقت.


تبدأ بتهيئة ملفBroadcastChannelموضوع:

const channel = new BroadcastChannel('thechannel')

لإرسال رسالة على القناة التي تستخدم فيهاpostMessage()طريقة:

channel.postMessage('Hey!')

يمكن أن تكون الرسالة أيًا من تلك القيم المدعومة:

لتلقي رسائل من القناة ، استمع إلىmessageحدث:

channel.onmessage = (event) => {
  console.log('Received', event.data)
}

يتم تشغيل هذا الحدث لجميع المستمعين ، باستثناء الشخص الذي يرسل الرسالة.

يمكنك إغلاق القناة باستخدام:

channel.close()

المزيد من دروس المتصفح: