نشل هي واحدة من أكثر المنصات شعبية لبث الفيديو والتواصل مع المشاهدين. إذا قمت بتشغيل قناتك على نشل ، وربما كنت ترغب في عرض الدردشة على موقع الويب الخاص بك أيضا. يمكن أن يؤدي ذلك إلى إنشاء تجربة أكثر تفاعلا وتفاعلا للمشاهدين ، ويساعدك أيضا على تتبع الرسائل والرد عليها في الوقت الفعلي.
في هذا الدليل خطوة بخطوة ، ونحن سوف اقول لكم كيفية عرض الرسائل من نشل على موقع الويب الخاص بك. للقيام بذلك ، سوف نستخدم أبي نشل وبعض المعرفة الأساسية من هتمل ، كس وجافا سكريبت. لا تقلق إذا لم تكن مطورا متمرسا-ستكون التعليمات مفصلة ومفهومة للجميع.
الخطوة 1: احصل على مفتاح تفويض واجهة برمجة التطبيقات. قبل أن نتمكن من الحصول على البيانات من التغريدة لعرضها على موقعك ، سنحتاج إلى مفتاح تفويض واجهة برمجة التطبيقات. للقيام بذلك ، تحتاج إلى تسجيل تطبيق مطور جديد على موقع نشل والحصول على معرف عميل فريد ومفتاح ترخيص سري. يجب الاحتفاظ بهذه البيانات في مكان آمن ، حيث يتم استخدامها للوصول إلى حسابك ويجب أن تظل سرية.
الخطوة 2: إنشاء ترميز هتمل لعرض الدردشة على موقعك. أولا ، دعنا ننشئ كتلة رئيسية سيتم عرض الدردشة فيها. يمكننا استخدام
لكل رسالة فردية. سنضيف أيضا حقولا لإدخال اسم المستخدم ونص الرسالة حتى يتمكن المشاهدون من إرسال تعليقاتهم إلى الدردشة.
- ملاحظة: هتمل و كس كود يمكن أن يكون الاختلافات المختلفة و ستيليزيس ، اعتمادا على التصميم الخاص بك والتفضيلات. من المهم ملاحظة أننا في مثالنا نستخدم العناصر الأساسية فقط لجعل التعليمات أكثر وضوحا. يمكنك إضافة عناصر أخرى وتصميمها كما يحلو لك.
- التسجيل على نشل
- إنشاء قناة جديدة
- الحصول على مفتاح واجهة برمجة التطبيقات
- تكوين خطاف الويب
- توصيل البرنامج النصي إلى الموقع
معالجة الرسائل والإخراج
التسجيل على نشل
من أجل البدء في عرض الرسائل من نشل إلى موقع الويب الخاص بك ، تحتاج إلى التسجيل على منصة نشل.
1. انتقل إلى الموقع الرسمي نشل في www.twitch.tv .
2. انقر فوق الزر" تسجيل " في الزاوية اليمنى العليا من الشاشة.
3. ستظهر نافذة بها نموذج تسجيل. املأ المعلومات المطلوبة: أدخل اسم المستخدم وعنوان البريد الإلكتروني وكلمة المرور.
4. قم بتأكيد موافقتك على شروط استخدام المنصة عن طريق تحديد المربع المناسب.
5. انقر فوق الزر" تسجيل".
6. الآن أنت مسجل على نشل ويمكنك البدء في تكوين إخراج الرسائل إلى موقعك.
لا تنس تأكيد عنوان بريدك الإلكتروني باتباع الإرشادات التي سيتم إرسالها إلى البريد الإلكتروني الذي حددته.
حظا سعيدا باستخدام منصة نشل!
إنشاء قناة جديدة
1. انتقل إلى نشل website.tv وقم بتسجيل الدخول إلى حسابك أو قم بإنشاء حساب جديد إذا لم يكن لديك حساب حتى الآن.
2. بعد تسجيل الدخول إلى حسابك ، مرر مؤشر الماوس فوق اسمك في الزاوية العلوية اليمنى من الشاشة وحدد" لوحة تحكم المنشئ " من القائمة المنسدلة.
3. في القائمة اليسرى من لوحة تحكم المنشئ ، حدد" القناة " - > "إعدادات القناة".
4. في قسم" إعدادات الملف الشخصي " ، تحتاج إلى تحديد اسم قناتك ووصف القناة وإعدادات الخصوصية والمعلمات الأخرى التي يجب ملؤها.
5. بعد ملء جميع الإعدادات اللازمة وإنشاء قناة ، يمكنك البدء في دفق المحتوى أو تحميل مقاطع الفيديو أو التفاعل مع جمهورك عبر الدردشة.
6. لربط قناة تويتش الخاصة بك بموقعك ، يمكنك استخدام طرق مختلفة ، مثل واجهة برمجة تطبيقات تويتش أو استخدام مكونات إضافية وأدوات تابعة لجهات خارجية تسمح لك بدمج رسائل تويتش في موقعك.
7. بعد إنشاء قناة بنجاح وربطها بموقعك ، لا تنس تحليل الإحصائيات والتواصل مع جمهورك وتطوير المحتوى الخاص بك لجذب المزيد من المشاهدين.
الحصول على مفتاح واجهة برمجة التطبيقات
قبل أن تتمكن من البدء في تلقي الرسائل من نشل إلى موقعك ، تحتاج إلى الحصول على مفتاح أبي. يتيح لك مفتاح واجهة برمجة التطبيقات استخدام وظيفة واجهة برمجة تطبيقات تويتش ، بما في ذلك الوصول إلى رسائل الدردشة.
للحصول على مفتاح أبي ، تحتاج إلى إنشاء حساب المطور على موقع نشل. للقيام بذلك ، انتقل إلى ديف.نشل page.tv وانقر على زر" تسجيل الدخول". تسجيل الدخول إلى حساب نشل الخاص بك أو إنشاء واحدة جديدة إذا لم يكن لديك واحدة حتى الآن.
بعد تسجيل الدخول إلى حساب المطور ، انقر فوق الزر" وحدة التحكم الخاصة بك " في الزاوية اليمنى العليا من الشاشة. ثم حدد"تسجيل طلبك". سيسمح لك ذلك بإنشاء تطبيق جديد والحصول على مفتاح واجهة برمجة التطبيقات.
في صفحة إنشاء التطبيق ، تحتاج إلى تحديد اسم التطبيق ووصفه ونوع التطبيق (على سبيل المثال ، تطبيق ويب). ثم انقر فوق الزر" إنشاء "أو" تسجيل " لإكمال إنشاء التطبيق.
بعد إنشاء التطبيق ، ستتلقى مفتاح واجهة برمجة التطبيقات ، والذي يجب حفظه في مكان آمن. سيسمح لك مفتاح واجهة برمجة التطبيقات بتسجيل الدخول والوصول إلى واجهة برمجة تطبيقات تويتش ، بما في ذلك رسائل الدردشة من التدفقات.
تكوين خطاف الويب
- إذا كنت ترغب في عرض الرسائل من نشل إلى موقع الويب الخاص بك ، وسوف تحتاج إلى إعداد ربط الويب. سيسمح هذا لموقعك بتلقي إشعارات الرسائل الجديدة تلقائيا من التغريدة.
- انتقل إلى موقع مطوري نشل وتسجيل الدخول إلى حسابك.
- انتقل إلى قسم وحدة تحكم المطور وقم بإنشاء تطبيق جديد.
- في إعدادات التطبيق ، ابحث عن قسم" خطافات الويب " وقم بتكوينه.
- حدد عنوان ورل لموقعك الذي سيتم إرسال إشعارات الرسائل الجديدة إليه.
- حدد أنواع الأحداث التي تريد تلقيها ، على سبيل المثال ، رسالة دردشة جديدة.
- حفظ الإعدادات ونسخ عنوان ورل من ربط الويب الواردة من نشل.
- قم بإنشاء برنامج نصي على موقعك يقوم بمعالجة الإشعارات الواردة وعرضها على الصفحة.
استخدم رابط ربط الويب الناتج لتوصيل البرنامج النصي الخاص بك بالنشل.
بعد إعداد ربط الويب ، سيتلقى موقعك إشعارات بالرسائل الجديدة من التغريدة. ستتمكن من معالجة هذه الإشعارات وعرضها على صفحتك حتى يتمكن الزوار من رؤية الرسائل من التغريدة في الوقت الفعلي.
توصيل البرنامج النصي إلى الموقع
لإخراج الرسائل من التغريدة إلى موقعك ، تحتاج إلى توصيل برنامج نصي يعالج البيانات ويعرضها على الصفحة.
1. انتقل إلى موقع المطور نشل وتسجيل كمطور للوصول إلى أبي.
2. بعد التسجيل ، قم بإنشاء تطبيق جديد واحصل على معرف العميل.
4. إنشاء علامة في رمز هتمل الخاص بك
| والصق الكود التالي: |
5. بعد ذلك ، في نفس العلامة
| ، أضف الكود الذي سيعالج الرسائل من التغريدة وعرضها على موقعك. على سبيل المثال: |
6. استبدل "اسم القناة" باسم القناة على النشل الذي تريد تلقي الرسائل منه.
7. استبدل" نطاقك " بنطاق موقعك ، والذي سيعرض مربع رسالة.
| 8. إدراج علامة مع معرف" نشل-تضمين " في رمز هتمل الخاص بك ، داخل الذي سيتم عرض نافذة الرسالة. على سبيل المثال: |
9. حفظ وتحميل صفحة أتش تي أم أل لرؤية نافذة تحتوي على رسائل من التغريدة على موقعك.
أنت الآن تعرف كيفية توصيل برنامج نصي بموقعك على الويب لعرض الرسائل من تغريدة. المتعة خلق الخاصة بك نشل الدردشة على موقع الويب الخاص بك!
معالجة الرسائل والإخراج
لعرض الرسائل من نشل إلى موقعك ، تحتاج أولا إلى الوصول إلى واجهة برمجة تطبيقات نشل والحصول على رمز ترخيص. بعد ذلك ، يمكنك استخدام ويبسوكيت للاتصال الدردشة وتلقي الرسائل.
بعد تلقي الرسالة من الخادم ، من الضروري معالجتها وعرضها على الصفحة. للقيام بذلك ، يمكنك استخدام جافا سكريبت ، والتي ستقوم بمعالجة البيانات المستلمة. على سبيل المثال ، يمكنك إنشاء وظيفة سيتم استدعاؤها في كل مرة يتم فيها تلقي رسالة جديدة.
في وظيفة المعالجة ، يمكنك استخدام طرق مثل إنرتمل أو أدفينتشيلد لإضافة رسالة إلى الصفحة. على سبيل المثال ، يمكنك إنشاء عنصر ص جديد ، وإدراج نص الرسالة داخل هذا العنصر باستخدام أسلوب النص الداخلي أو تكستكونتينت ، ثم إضافة العنصر إلى الصفحة. يمكنك أيضا إضافة أنماط أو فئات لتصميم رسالة جميلة.