الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

Webex Widgets

قم بتضمين قوة Webex في تطبيقات الويب الخاصة بك

تعتبر Webex Widgets مجموعة من مكونات React المستقلة التي تتبع تجربة منتجات Webex ، والتي تهدف إلى المطورين الذين يرغبون في تضمين Webex في تطبيقاتهم.

جدول المحتويات

  • ثَبَّتَ
  • الاستخدام
  • المساهمة
  • رخصة
  • يدعم
  • فريق

ثَبَّتَ 

npx install-peerdeps @webex/widgets

سيؤدي ذلك إلى تثبيت حزمة القطرينات وتبعيات الأقران وتبعياتها.

الاستخدام

أنماط

من أجل نمط Webex Widgets بشكل صحيح ، ستحتاج إلى استيراد CSS لدينا بشكل منفصل. استيراد @webex/widgets/dist/css/webex-widgets.css في ملف الإدخال الرئيسي الخاص بك.

هناك طريقتان للقيام بذلك:

جافا سكريبت

في App.js[x] ، أضف الاستيراد التالي: 

 import '@webex/widgets/dist/css/webex-widgets.css' ;

...

HTML

في علامة <head> من index.html ، أضف العلامة التالية: 

 < head >
  ...

  < link rel =" stylesheet " type =" text/css " href =" node_modules/@webex/widgets/dist/css/webex-widgets.css " />
</ head >

لكي يعمل هذا ، تأكد من تقديم مجلد node_modules . بالتناوب ، يمكنك نسخ ملف CSS إلى المجلد العام وتحديث مرجع الارتباط وفقًا لذلك.

الحاجيات

يرجى التأكد من تثبيت حزمة Webex Widget والتبعيات ذات الصلة. 

npx install-peerdeps @webex/widgets

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

 import { WebexMeetingsWidget } from '@webex/widgets' ;

import '@webex/widgets/dist/css/webex-widgets.css' ;

export default function App ( ) {
  return (
    < WebexMeetingsWidget
      style = { { width : "1000px" , height : "500px" } } // Substitute with any arbitrary size or use `className`
      accessToken = "<ACCESS_TOKEN>"
      meetingDestination = "<MEETING_DESTINATION>"
    / >
  ) ;
}

الحاجيات المتاحة من هذه الحزمة هي:

  • Webex Meetings Widget

بيئة FedRamp

لتمكين الاستخدام ببساطة استخدام fedramp Prop عند إضافة عنصر واجهة المستخدم إلى تطبيق React الخاص بك. 

 import { WebexMeetingsWidget } from '@webex/widgets' ;

import '@webex/widgets/dist/css/webex-widgets.css' ;

export default function App ( ) {
  return (
    < WebexMeetingsWidget
      accessToken = "<ACCESS_TOKEN>"
      meetingDestination = "<MEETING_DESTINATION>"
      fedramp = { true }
    / >
  ) ;

لمزيد من المعلومات حول FedRamp ، تفضل بزيارة https://developer.webex.com/docs/fedramp-overview

الميزات التي لا تعمل في FedRamp

  • إنشاء رموز ضيوف AKA JWT الرموز (وليس قيود عنصر واجهة المستخدم ولكن الحد من البيئة)

المساهمة

نود أن تساهم في الكود المصدري الخاص بنا وجعل أجهزة Webex أفضل مما هي عليه اليوم! فيما يلي بعض الإرشادات التي نود أن تتبعها.

مشاكل

يرجى فتح مشكلة وسنصل إليها بطريقة منظمة. يرجى ترك أكبر قدر ممكن من المعلومات لفهم أفضل.

رمز المساهمة

نحن نستخدم قواعد LINT على غرار Airbnb وأجمل لتربط الكود. تأكد من أن الرمز الخاص بك يتبع قواعد الوبر قبل إرساله!

لمزيد من المعلومات حول المساهمات ، يرجى زيارة دليلنا المساهم.

ارتكاب لينتر

نحن نستخدم الالتزام لترتيب رسائل الالتزام. يرجى التأكد من اختيار نوع الالتزام المناسب والنطاق والموضوع.

رخصة

رخصة معهد ماساتشوستس للتكنولوجيا

يدعم

لمزيد من موارد المطورين والدروس والدعم ، تفضل بزيارة بوابة مطور Webex ، https://developer.webex.com.

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