widgets
v1.27.6
WebExウィジェットは、 WebEx製品エクスペリエンスをフォローする自己完結型の反応コンポーネントのセットであり、WebExをアプリケーションに埋め込みたい開発者を対象としています。
npx install-peerdeps @webex/widgetsこれにより、ウィジェットパッケージ、ピア依存関係、依存関係がインストールされます。
WebExウィジェットを適切にスタイリングするには、CSSを個別にインポートする必要があります。 @webex/widgets/dist/css/webex-widgets.cssメインエントリファイルにインポートします。
これを行うには2つの方法があります。
App.js[x]で、次のインポートを追加します。
import '@webex/widgets/dist/css/webex-widgets.css' ;
... index.htmlの<head>タグで、次のタグを追加します。
< 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/widgetsWebExウィジェットを使用するには、目的のウィジェットをインポートして、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>"
/ >
) ;
}このパッケージから利用可能なウィジェットは次のとおりです。
使用できるようにするには、Reactアプリケーションにウィジェットを追加するときにfedramp Propを使用するだけです。
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をご覧ください
ソースコードに貢献し、WebExウィジェットを今日よりもさらに良くすることをお勧めします！以下は、フォローしてほしいガイドラインをいくつか紹介します。
問題を開いてください、そして、私たちはそれを整然と届けます。より良い理解のために、できるだけ情報をできるだけ残してください。
AirbnbスタイルのLintルールとよりきれいなコードを使用して、コードを並べています。送信する前に、コードが糸くずのルールに従っていることを確認してください！
寄付の詳細については、寄付ガイドをご覧ください。
Commitlintを使用して、コミットメッセージを並べています。適切なコミットタイプ、スコープ、および件名を必ず選択してください。
MITライセンス
開発者のリソース、チュートリアル、サポートについては、WebEx開発者ポータルhttps://developer.webex.comにアクセスしてください。
