Descarga widgets - Descarga del código fuente widgets

widgets

Otro código fuente

v1.27.6

Descargar

Widgets webex

Incrustar el poder de WebEx en sus aplicaciones web

Los widgets de WebEx son un conjunto de componentes React autónomos que siguen la experiencia de los productos WebEx, dirigidos a los desarrolladores que desean integrar WebEx en sus aplicaciones.

Tabla de contenido

Instalar
Uso
Que contribuye
Licencia
Apoyo
Equipo

Instalar

npx install-peerdeps @webex/widgets

Esto instalará el paquete de widgets, las dependencias de pares y las dependencias.

Uso

Estilos

Para diseñar adecuadamente los widgets webEx, deberá importar nuestro CSS por separado. Importar @webex/widgets/dist/css/webex-widgets.css en su archivo de entrada principal.

Hay dos formas de hacer esto:

Javascript

En su App.js[x] , agregue la siguiente importación:

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

...

Html

En la etiqueta <head> de su index.html , agregue la siguiente etiqueta:

 < head >
  ...

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

Para que esto funcione, asegúrese de que se sirva su carpeta node_modules . Alternativamente, puede copiar el archivo CSS en su carpeta pública y actualizar la referencia del enlace en consecuencia.

Widgets

Asegúrese de instalar el paquete Webex Widget y las dependencias relacionadas.

npx install-peerdeps @webex/widgets

Para usar un widget WebEx, simplemente importe el widget deseado y lo convierta en su aplicación 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>"
    / >
  ) ;
}

Los widgets disponibles de este paquete son:

Widget de reuniones de webex

Entorno de fedramp

Para habilitar el uso, simplemente use el accesorio fedramp al agregar el widget a su aplicación 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 }
    / >
  ) ;

Para obtener más información sobre Fedramp, visite https://developer.webex.com/docs/fedramp-overview

Características que no funcionan en fedramp

Creación de tokens invitados también conocidos como tokens JWT (no una limitación de widget sino limitación del medio ambiente)

Que contribuye

¡Nos encantaría que contribuyas a nuestro código fuente y que hagan los widgets de WebEx aún mejores de lo que son hoy! Aquí hay algunas pautas que nos gustaría que sigas.

Asuntos

Abra un problema y lo llegaremos de manera ordenada. Deje la mayor cantidad de información posible para una mejor comprensión.

Código contribuyente

Estamos utilizando reglas de pelusa de estilo Airbnb y más bonitos para pintar el código. ¡Asegúrese de que su código su código siga nuestras reglas de pelusa antes de enviar!

Para obtener más información sobre las contribuciones, visite nuestra guía de contribución.

Linter de cometer

Estamos utilizando Compromlint para vincular los mensajes de confirmación. Asegúrese de elegir el tipo de confirmación apropiado, el alcance y el tema.