หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

วิดเจ็ต webex

ฝังพลังของ webex ในเว็บแอปพลิเคชันของคุณ

WebEx Widgets เป็นชุดของส่วนประกอบ React ที่มีอยู่ในตัวเองซึ่งเป็นไปตามประสบการณ์ผลิตภัณฑ์ WebEx โดยมีวัตถุประสงค์เพื่อนักพัฒนาที่ต้องการฝัง WebEx ลงในแอปพลิเคชันของพวกเขา

สารบัญ

  • ติดตั้ง
  • การใช้งาน
  • การบริจาค
  • ใบอนุญาต
  • สนับสนุน
  • ทีม

ติดตั้ง 

npx install-peerdeps @webex/widgets

สิ่งนี้จะติดตั้งแพ็คเกจวิดเจ็ตการพึ่งพาและการพึ่งพาของเพียร์

การใช้งาน

รูปแบบ

ในการจัดสไตล์วิดเจ็ต WebEx อย่างถูกต้องคุณจะต้องนำเข้า CSS ของเราแยกกัน นำเข้า @webex/widgets/dist/css/webex-widgets.css ลงในไฟล์รายการหลักของคุณ

มีสองวิธีในการทำเช่นนี้:

จาวาสคริปต์

ใน App.js[x] เพิ่มการนำเข้าต่อไปนี้: 

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

...

HTML

ในแท็ก <head> ของ index.html ของคุณเพิ่มแท็กต่อไปนี้: 

 < 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/widgets

หากต้องการใช้วิดเจ็ต WebEx เพียงนำเข้าวิดเจ็ตที่ต้องการและแสดงในแอปพลิเคชัน 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>"
    / >
  ) ;
}

วิดเจ็ตที่มีอยู่จากแพ็คเกจนี้คือ:

  • วิดเจ็ตการประชุม WebEx

สภาพแวดล้อม fedramp

เพื่อเปิดใช้งานการใช้งานเพียงใช้ Prop 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

คุณสมบัติที่ไม่ทำงานใน FedRamp

  • การสร้างโทเค็น Tokens AKA JWT (ไม่ใช่ข้อ จำกัด วิดเจ็ต แต่มีข้อ จำกัด ด้านสภาพแวดล้อม)

การบริจาค

เราอยากให้คุณมีส่วนร่วมในซอร์สโค้ดของเราและทำให้วิดเจ็ต WebEx ดียิ่งขึ้นกว่าที่เป็นอยู่ทุกวันนี้! นี่คือแนวทางบางประการที่เราต้องการให้คุณติดตาม

ปัญหา

กรุณาเปิดปัญหาและเราจะไปถึงมันอย่างเป็นระเบียบ กรุณาทิ้งข้อมูลให้มากที่สุดเท่าที่จะเป็นไปได้เพื่อความเข้าใจที่ดีขึ้น

รหัสที่มีส่วนร่วม

เรากำลังใช้กฎผ้าสำลีสไตล์ Airbnb และสวยกว่าเพื่อผ้าสำลี ตรวจสอบให้แน่ใจว่ารหัสของคุณรหัสของคุณเป็นไปตามกฎผ้าสำลีของเราก่อนที่จะส่ง!

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการมีส่วนร่วมกรุณาเยี่ยมชมคู่มือการบริจาคของเรา

ทุ่มเทิน

เรากำลังใช้ commitlint เพื่อผ้าสำลีข้อความที่กระทำ โปรดตรวจสอบให้แน่ใจว่าได้เลือกประเภทการกระทำขอบเขตและหัวเรื่องที่เหมาะสม

ใบอนุญาต

ใบอนุญาต MIT

สนับสนุน

สำหรับทรัพยากรนักพัฒนาซอฟต์แวร์การสอนและการสนับสนุนเพิ่มเติมโปรดไปที่พอร์ทัลนักพัฒนา WebEx, https://developer.webex.com

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด