widgets
v1.27.6
WebEx Widgets 는 WebEx Products Experience를 따르는 일련의 자체 포함 된 React 구성 요소입니다.
npx install-peerdeps @webex/widgets위젯 패키지, 피어 종속성 및 종속성이 설치됩니다.
WebEx 위젯 스타일을 올바르게하려면 CSS를 별도로 가져와야합니다. import @webex/widgets/dist/css/webex-widgets.css 기본 항목 파일로 가져옵니다.
이 작업을 수행하는 두 가지 방법이 있습니다.
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>"
/ >
) ;
}이 패키지에서 사용 가능한 위젯은 다음과 같습니다.
사용을 활성화하려면 위젯을 반응 적용에 추가 할 때 fedramp 소품을 사용하기 만하면됩니다.
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 위젯을 오늘날보다 더 좋게 만들기를 바랍니다! 다음은 귀하가 따르기를 원하는 몇 가지 지침입니다.
문제를 열어 주시면 질서있게 문제를 해결할 것입니다. 더 나은 이해를 위해 가능한 한 많은 정보를 남겨 두십시오.
우리는 에어 비앤비 스타일의 보풀 규칙을 사용하고 있으며 더 예쁘게 코드를 보풀을 밟습니다. 제출하기 전에 코드가 보풀 규칙에 따라 코드를 따르십시오!
기부금에 대한 자세한 내용은 기고 가이드를 방문하십시오.
CommitLint를 사용하여 커밋 메시지를 부드럽게합니다. 적절한 커밋 유형, 범위 및 주제를 선택하십시오.
MIT 라이센스
더 많은 개발자 리소스, 튜토리얼 및 지원을 보려면 WebEx 개발자 Portal, https://developer.webex.com을 방문하십시오.
