Download widgets - widgets Código Fonte Download

widgets

Outro código-fonte

v1.27.6

Baixar

WebEx Widgets

Incorporar o poder do WebEx em seus aplicativos da Web

Os widgets do WebEx são um conjunto de componentes de reação independentes que seguem a experiência de produtos do WebEx, destinados a desenvolvedores que desejam incorporar o WebEx em seus aplicativos.

Índice

Instalar
Uso
Contribuindo
Licença
Apoiar
Equipe

Instalar

npx install-peerdeps @webex/widgets

Isso instalará o pacote de widgets, dependências e dependências de pares.

Uso

Estilos

Para estilizar corretamente os widgets do WebEx, você precisará importar nossos CSs separadamente. Importar @webex/widgets/dist/css/webex-widgets.css no seu arquivo de entrada principal.

Existem duas maneiras de fazer isso:

JavaScript

No seu App.js[x] , adicione a seguinte importação:

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

...

Html

Na tag <head> do seu index.html , adicione a seguinte tag:

 < head >
  ...

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

Para que isso funcione, verifique se a pasta node_modules é servida. Como alternativa, você pode copiar o arquivo CSS para sua pasta pública e atualizar a referência do link de acordo.

Widgets

Certifique -se de instalar o pacote de widgets do WebEx e as dependências relacionadas.

npx install-peerdeps @webex/widgets

Para usar um widget WebEx, basta importar o widget desejado e renderizá -lo no seu aplicativo 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>"
    / >
  ) ;
}

Os widgets disponíveis deste pacote são:

Widget de reuniões do WebEx

Ambiente Fedramp

Para ativar o uso, basta usar o fedramp Prop ao adicionar o widget ao seu react Appplication.

 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 }
    / >
  ) ;

Para mais informações sobre Fedramp, visite https://developer.webex.com/docs/fedramp-overview

Recursos que não funcionam no FedRamp

Criando tokens de convidado, também conhecido como Tokens JWT (não uma limitação de widgets, mas limitação do ambiente)

Contribuindo

Adoraríamos que você contribuísse com o nosso código -fonte e para tornar os widgets do WebEx ainda melhores do que são hoje! Aqui estão algumas diretrizes que gostaríamos que você seguisse.

Problemas

Por favor, abra um problema e nós o chegaremos de maneira ordenada. Por favor, deixe o máximo de informações possível para uma melhor compreensão.

Código contribuindo

Estamos usando as regras de fiapos no estilo Airbnb e mais lindos para fingir o código. Certifique -se de que seu código siga nossas regras de fiapos antes de enviar!

Para mais informações sobre contribuições, visite nosso guia contribuinte.