widgets Download - widgets Quellcode herunterladen

widgets

Anderer Quellcode

v1.27.6

Herunterladen

WebEx -Widgets

Stellen Sie die Leistung von WebEx in Ihre Webanwendungen ein

WebEx-Widgets sind eine Reihe von in sich geschlossenen React-Komponenten, die dem WebEx-Produkterlebnis folgen, die sich an Entwickler richten, die WebEx in ihre Anwendungen einbetten möchten.

Inhaltsverzeichnis

Installieren
Verwendung
Beitragen
Lizenz
Unterstützung
Team

Installieren

npx install-peerdeps @webex/widgets

Dadurch werden das Widgets -Paket, die Abhängigkeiten und Abhängigkeiten von Gleichaltrigen installiert.

Verwendung

Stile

Um WebEx -Widgets richtig zu stylen, müssen Sie unser CSS separat importieren. Importieren Sie @webex/widgets/dist/css/webex-widgets.css in Ihre Haupteintragsdatei.

Es gibt zwei Möglichkeiten, dies zu tun:

JavaScript

Fügen Sie in Ihrer App.js[x] den folgenden Import hinzu:

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

...

Html

Fügen Sie im <head> -Tag Ihres index.html das folgende Tag hinzu:

 < head >
  ...

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

Stellen Sie sicher, dass Ihr Ordner node_modules serviert wird. Alternativ können Sie die CSS -Datei in Ihren öffentlichen Ordner kopieren und die Linkreferenz entsprechend aktualisieren.

Widgets

Bitte stellen Sie sicher, dass Sie das WebEx -Widget -Paket und die zugehörigen Abhängigkeiten installieren.

npx install-peerdeps @webex/widgets

Um ein WebEx -Widget zu verwenden, importieren Sie einfach das gewünschte Widget und rendern Sie es in Ihre React -Anwendung.

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

Verfügbare Widgets aus diesem Paket sind:

WebEx Meetings Widget

Fedramp -Umgebung

Verwenden Sie die Nutzung einfach mit dem fedramp -Prop, wenn Sie das Widget zu Ihrer React -Applikation hinzufügen.

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

Weitere Informationen zu Fedramp finden Sie unter https://developer.webex.com/docs/fedramp-overview

Funktionen, die in Fedramp nicht funktionieren

Erstellen von Guest -Token AKA JWT -Token (keine Widget -Einschränkung, sondern Umweltbeschränkung)

Beitragen

Wir würden uns freuen, dass Sie zu unserem Quellcode beitragen und die WebEx -Widgets noch besser machen als heute! Hier sind einige Richtlinien, denen wir befolgen möchten.

Probleme

Bitte eröffnen Sie ein Problem und wir werden es auf ordentlicher Weise erreichen. Bitte lassen Sie so viel wie möglich wie möglich, um ein besseres Verständnis zu erhalten.

Code beitragen

Wir verwenden Fusselregeln im Airbnb-Stil und schöner, um den Code abzugeben. Stellen Sie sicher, dass Ihr Code Ihren Code vor dem Einreichen unseren FINT -Regeln folgt!

Weitere Informationen zu Beiträgen finden Sie in unserem Beitragsführer.

Linter begehen

Wir verwenden Commitlint, um die Commit -Nachrichten abzugeben. Bitte wählen Sie sicher, dass Sie den entsprechenden Festschreibungstyp, den entsprechenden Umfang und den entsprechenden Thema auswählen.