Скачать widgets - скачать исходный код widgets

widgets

Другой исходный код

v1.27.6

Скачать

Виджеты WebEx

Введите силу WebEx в ваши веб -приложения

Виджеты WebEx представляют собой набор автономных компонентов React, которые следуют за опытом продуктов WebEx, направленные на разработчиков, которые хотят внедрить WebEx в свои приложения.

Установить

npx install-peerdeps @webex/widgets

Это установит пакет виджетов, зависимости от сверстников и зависимости.

Использование

Стили

Для правильного стиля виджетов WebEx вам нужно будет импортировать наш CSS отдельно. Import @webex/widgets/dist/css/webex-widgets.css в ваш основной файл записи.

Есть два способа сделать это:

JavaScript

В вашем 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 и связанные с ними зависимостей.

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

Среда FEDRAMP

Чтобы включить использование, просто используйте опору fedramp при добавлении виджета в ваше приложение 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

Создание гостевых токенов, как и токенов JWT (не ограничение виджетов, а ограничение окружающей среды)

Внося

Мы хотели бы, чтобы вы могли внести свой вклад в наш исходный код и сделать виджеты WebEx еще лучше, чем они сегодня! Вот некоторые рекомендации, которые мы хотели бы следовать.

Проблемы

Пожалуйста, откройте проблему, и мы доберемся до нее в упорядоченном порядке. Пожалуйста, оставьте как можно больше информации для лучшего понимания.

Содействующий код

Мы используем правила Lint в стиле Airbnb и красивее, чтобы пробить код. Убедитесь, что ваш код, ваш код, соответствует нашим правилам Lint, перед отправкой!

Для получения дополнительной информации о взносах, пожалуйста, посетите наше руководство.

Совершить Линтер

Мы используем Commitlint, чтобы пробить сообщения о коммите. Пожалуйста, не забудьте выбрать соответствующий тип коммита, область применения и субъекта.