Téléchargement widgets - Téléchargement du code source widgets

widgets

Autre code source

v1.27.6

Télécharger

Widgets WebEx

Intégrez la puissance de WebEx dans vos applications Web

Les widgets WebEx sont un ensemble de composants React autonomes qui suivent l'expérience des produits WebEx, destiné aux développeurs qui souhaitent intégrer WebEx dans leurs applications.

Table des matières

Installer
Usage
Contributif
Licence
Soutien
Équipe

Installer

npx install-peerdeps @webex/widgets

Cela installera le package des widgets, les dépendances par les pairs et les dépendances.

Usage

Styles

Afin de styliser correctement les widgets WebEx, vous devrez importer notre CSS séparément. Import @webex/widgets/dist/css/webex-widgets.css dans votre fichier d'entrée principal.

Il y a deux façons de le faire:

Javascrip

Dans votre App.js[x] , ajoutez l'importation suivante:

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

...

Html

Dans la balise <head> de votre index.html , ajoutez la balise suivante:

 < head >
  ...

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

Pour que cela fonctionne, assurez-vous que votre dossier node_modules est servi. Alternativement, vous pouvez copier le fichier CSS dans votre dossier public et mettre à jour la référence du lien en conséquence.

Widgets

Veuillez vous assurer d'installer le package de widget WebEx et des dépendances connexes.

npx install-peerdeps @webex/widgets

Pour utiliser un widget WebEx, importez simplement le widget souhaité et rendez-le dans votre application 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>"
    / >
  ) ;
}

Les widgets disponibles de ce package sont:

Widget de réunions WebEx

Environnement Fedramp

Pour activer l'utilisation, utilisez simplement l'hélice fedramp lors de l'ajout du widget à votre appplication 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 }
    / >
  ) ;

Pour plus d'informations sur Fedramp, visitez https://developer.webex.com/docs/fedramp-verview

Caractéristiques qui ne fonctionnent pas dans Fedramp

Création de jetons invités aka jetons JWT (pas une limitation du widget mais une limitation de l'environnement)

Contributif

Nous aimerions que vous contribuez à notre code source et à rendre les widgets WebEx encore meilleurs qu'ils ne le sont aujourd'hui! Voici quelques directives que nous aimerions que vous suiviez.

Problèmes

Veuillez ouvrir un problème et nous y arriverons de manière ordonnée. Veuillez laisser autant que possible les informations pour une meilleure compréhension.

Code contributif

Nous utilisons des règles de peluche de style Airbnb et plus jolies pour peindre le code. Assurez-vous que votre code votre code suit nos règles de charpie avant de soumettre!

Pour plus d'informations sur les contributions, veuillez visiter notre guide de contribution.

Commettre un linter

Nous utilisons Commitlint pour peindre les messages de validation. Veuillez vous assurer de choisir le type de validation, la portée et le sujet appropriés.