Setting up Zoom as a React Component

Description
How to setting up zoom as a React component.

I have setting the base configuration an below are the Component

componentDidMount() {

    const signatureEndpoint = 'https://titiktemu-zoom.herokuapp.com/'

    const apiKey = process.env.TITIKTEMU_ZOOM_API_KEY

    const meetingNumber = 123456789

    const role = 0

    const leaveUrl = 'http://localhost:9999'

    const userName = 'WebSDK'

    const userEmail = ''

    const passWord = ''

    ZoomMtg.preLoadWasm();

    ZoomMtg.setZoomJSLib('https://source.zoom.us/1.7.5/lib', '/av')

    ZoomMtg.prepareJssdk();

    ZoomMtg.generateSignature({

      meetingNumber: meetingNumber,

      apiKey: apiKey,

      apiSecret: process.env.TITIKTEMU_ZOOM_API_SECRET,

      role: role,

      success (res) {

        console.log('signature', res.result)

        const signature = res.result

        ZoomMtg.init({

          leaveUrl: leaveUrl,

          disableCallOut: true,

          disableRecord: true,

          isSupportQA: false,

          isSupportCC: false,

          showPureSharingContent: false,

          screenShare: false,

          disableJoinAudio: false,

          audioPanelAlwaysOpen: false,

          isSupportChat: true,

          videoDrag: false,

          disableInvite: true,

          success () {

            ZoomMtg.join(

              {

                meetingNumber: meetingNumber,

                userName: userName,

                signature: signature,

                apiKey: apiKey,

                passWord: passWord,

                success () {

                  console.log('join meeting success')

                },

                error (res) {

                  console.log('Error generating signature')

                  console.log(res)

                }

              }

            )

          },

          error (res) {

            console.log(res)

          }

        })

      }

    })

  }

And what to render into the component?

I’ve setting up the signatureEndpoint into heroku, but i’m still new to understand all the things.
Therefore your help would be awesome

Hey @titiktemu,

You can include the Web SDK into any react component.

Here is a sample app someone in the community created:

Thanks,
Tommy