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

Angular SDK الرسمية للدردشة المباشرة

المكونات Angular الرسمية لـ Stream Chat، وهي خدمة لبناء تطبيقات الدردشة.

روابط سريعة

  • قم بالتسجيل للحصول على مفتاح API لـ Stream Chat
  • برنامج تعليمي للدردشة الزاويّة
  • المستندات
  • مجموعة واجهة المستخدم للدردشة
  • تطبيق تجريبي
  • Codesandbox

باستخدام مكتبة المكونات الخاصة بنا، يمكنك إنشاء مجموعة متنوعة من حالات استخدام الدردشة، بما في ذلك:

  • الدردشة داخل اللعبة مثل Overwatch أو Fortnite
  • دردشة على نمط الفريق مثل Slack
  • دردشة بأسلوب المراسلة مثل WhatsApp أو Facebook's Messenger
  • دردشة دعم العملاء مثل Drift أو Intercom

برنامج تعليمي للدردشة الزاويّة

أفضل طريقة للبدء هي اتباع البرنامج التعليمي للدردشة Angular. فهو يوضح لك كيفية استخدام SDK هذا لإنشاء تطبيق دردشة يعمل بكامل طاقته ويتضمن التخصيصات الشائعة.

مجاني للصناع

البث مجاني لمعظم المشاريع الجانبية والهوايات. للتأهل، يجب ألا يضم مشروعك/شركتك أكثر من 5 أعضاء في الفريق وأن تحصل على إيرادات شهرية تقل عن 10 آلاف دولار. للحصول على الأسعار والتفاصيل الكاملة، قم بزيارة صفحة تسعير الدردشة الخاصة بنا.

المستندات

توفر المستندات وصفًا موجزًا ​​عن المكونات والخدمات الموجودة في المكتبة.

يتم إنشاء المكتبة Angular باستخدام مكتبةstream-chat-js. بالنسبة لحالات الاستخدام الأكثر شيوعًا، يجب أن تقدم خدماتنا فكرة مجردة جيدة عن هذه المكتبة، ومع ذلك قد تحتاج إليها لمزيد من التخصيص المتقدم، فالوثائق موجودة على موقعنا الإلكتروني.

المساهمة

نرحب بتغييرات التعليمات البرمجية التي تعمل على تحسين هذه المكتبة أو حل مشكلة ما. يرجى التأكد من اتباع أفضل الممارسات وإضافة الاختبارات، إن أمكن، قبل إرسال طلب سحب على GitHub. يسعدنا دمج الكود الخاص بك في المستودع الرسمي إذا كان يلبي الحاجة. تأكد من توقيع اتفاقية ترخيص المساهم (CLA) أولاً. راجع ملف الترخيص الخاص بنا لمزيد من التفاصيل.

نحن نوظف.

لقد أغلقنا مؤخرًا جولة تمويل من السلسلة B بقيمة 38 مليون دولار وننمو بنشاط. يتم استخدام واجهات برمجة التطبيقات الخاصة بنا من قبل أكثر من مليار مستخدم نهائي، ومن خلال العمل في Stream، لديك فرصة لإحداث تأثير كبير على فريق من المهندسين الأقوياء للغاية.

تحقق من الفتحات الحالية لدينا وتقدم بطلب عبر موقع Stream الإلكتروني.

تثبيت

التثبيت باستخدام NPM

قم بتشغيل هذا الأمر إذا كنت تستخدم Angular 19 : 

npm install stream-chat-angular stream-chat @ngx-translate/core@15 ngx-float-ui@19

الإصدارات الزاويّة المدعومة: Angular 15-18

قم بتشغيل هذا الأمر إذا كنت تستخدم Angular 18 : 

npm install stream-chat-angular stream-chat ngx-float-ui@18

قم بتشغيل هذا الأمر إذا كنت تستخدم Angular 17 : 

npm install stream-chat-angular stream-chat ngx-float-ui@17

قم بتشغيل هذا الأمر إذا كنت تستخدم Angular 16 : 

npm install stream-chat-angular stream-chat ngx-float-ui@16

قم بتشغيل هذا الأمر إذا كنت تستخدم Angular 15 : 

npm install stream-chat-angular stream-chat @ngx-translate/core@14 ngx-float-ui@15

إصدارات العقدة المدعومة: 18+

نموذج التطبيق

يتضمن هذا المستودع نموذجًا لتطبيق لاختبار مكتبتنا.

لاختبار التطبيق:

قم بإنشاء ملف باسم .env في الدليل الجذر بالمحتوى التالي: 

 STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>

أسهل طريقة لإنشاء رمز مميز لأغراض الاختبار هي استخدام منشئ الرمز المميز الخاص بنا.

قم بتشغيل npm install لتثبيت التبعيات.

قم بتشغيل npm start وانتقل إلى http://localhost:4200/ .

أمثلة التخصيص

يتضمن هذا المستودع نموذجًا لتطبيق يعرض كيف يمكنك توفير القالب الخاص بك للمكونات المختلفة داخل SDK:

لتشغيل التطبيق:

قم بإنشاء ملف باسم .env في الدليل الجذر بالمحتوى التالي: 

 STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>

قم بتشغيل npm install لتثبيت التبعيات.

قم بتشغيل npm run start:customizations-example وانتقل إلى http://localhost:4200/ .

التنمية المحلية

يتضمن هذا المستودع نموذجًا لتطبيق لاختبار مكتبتنا.

لاختبار التطبيق:

قم بإنشاء ملف باسم .env في الدليل الجذر بالمحتوى التالي: 

 STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>

قم بتشغيل npm install في جذر المشروع. يمكنك استخدام الأمر npm run start:dev لبدء تطبيق SampleApp مع إعادة التحميل التلقائي.

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