الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

react slack clone

استنساخ سلاك مدعوم من Chatkit. شاهده عمليًا هنا https://pusher.github.io/react-slack-clone

تجريبي

هذا تطبيق ويب ثابت من صفحة واحدة مزود بتطبيق إنشاء رد فعل لسهولة الإعداد والتوزيع والتطوير. إنه عبارة عن غلاف رفيع لواجهة المستخدم حول مكتبة عميل Pusher-chatkit لتوضيح كيف يمكن للميزات المختلفة أن تعمل معًا لتشكيل عميل دردشة مقنع في الوقت الفعلي مع العديد من تطبيقات المنتجات المحتملة.

سمات

يتيح لك Chatkit SDK تنفيذ الميزات التي تتوقعها من عميل الدردشة. وتشمل هذه:

  • غرف الدردشة العامة والخاصة
  • ؟ إرسال واستقبال الرسائل في الوقت الحقيقي
  • ؟ مرفقات الوسائط الغنية (السحب والإفلات)
  • مؤشرات الكتابة والتواجد
  • قراءة مؤشرات الرسالة

هل تريد المشاركة؟ لدينا مجموعة من مشكلات GitHub الملائمة للمبتدئين.

عناصر

يحاول العرض التوضيحي إكمال الميزات وفقًا للوثائق الموجودة هنا. يجب تقديم طلبات الميزات عبر المشكلات أو سحب الطلبات إلى هذا المستودع.

  • CreateMessageForm - لإرسال رسالة ذات نص نصي وتشغيل مؤشرات الكتابة.
  • CreateRoomForm - لإنشاء غرفة جديدة والانضمام إليها عند الإنشاء.
  • FileInput - لإرسال رسالة تحتوي على مرفق وسائط غنية.
  • الرسالة - لعرض رسالة من المحتمل أن تتضمن مرفقًا.
  • قائمة الرسائل - لعرض قائمة الرسائل من مخزن القيمة الأساسية.
  • RoomHeader - لعرض معلومات مفيدة حول غرفة معينة.
  • RoomList - لعرض قائمة بالغرف التي يمكن للمستخدم الحالي الاشتراك فيها.
  • TypingIndicator - للإشارة للمستخدم إلى أن مستخدمًا آخر يكتب في غرفة معينة.
  • UserHeader - لعرض معلومات مفيدة حول مستخدم معين.

الاستخدام

لتشغيل التطبيق محليا؛ استنساخ الريبو وتثبيت التبعيات وتشغيل التطبيق. 

 $ git clone https://github.com/pusher/react-slack-clone
$ cd react-slack-clone
$ yarn && yarn start

يبدأ التطبيق في وضع التطوير ويفتح نافذة متصفح على http://localhost:3000 . يُعاد بناء المشروع ويُعاد تحميل المتصفح تلقائيًا عند تغيير الملفات المصدر. يتم نشر أي أخطاء في البناء أو وقت التشغيل وعرضها في المتصفح.

يعتمد التطبيق على مصادقة GitHub ونقطة نهاية إنشاء المستخدم التي تتم استضافتها على https://chatkit-demo-server.herokuapp.com. نقاط النهاية هي /auth و /token .

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل