Embedding meeting sdk in my react web application

Meeting SDK
1

I need help to embed zoom application nin my react web application.
Do i need to build two seperate apps in zoom? One “Server to server oAuth“ for schduling meeting and getting meeting creds? another General app so to embed zoom meetiong sdk in our react website ?
I am not able to understand the complete flow of it?
And what scopes do i need to select as per my requirement (Host and Participant) when building App in zoom ?
Please can anyone guide methrough this .

1 Like
2

Both are needed for full flow, most probably

3

Can you please help me understand both.

What do i need to do and pick in both???

4

I meant, you need both. The server to server OAuth app to create meetings and the SDK app to embed Zoom in your react app using the SDK key for generating the sign.

5

So basically these are the used cases for the both?
To generate signature we need SDK App and to schedule a meeting we need oAuth.

6

Hi @Vishal8,
Thanks for reaching out, and thank you @Craig for jumping in!

To embed your Meeting SDK in a React app, you’ll need to use a General OAuth app and use its Client ID and Client Secret to generate a signature.

With the same app, you can also create meetings programmatically via OAuth. To do this, you’ll need to authorize the app and generate an access token, which you can then use to create meetings through the API.

What Craig suggested is definitely another option, but if you’d prefer to manage everything with just one app, the General OAuth app can handle both use cases.

7

@elisall I tried that. The issue i was facing is, to get the access token it was askingg for ACCOUNT_ID , which i wasn’t getting when creating General oAuth, i was getting this Account Id when created the Server to Server oAuth App in App Credentials.
i had to made General App particulary to create signature to embed meeting SDK in my web app.

8

@Vishal8 To get an access token with a general app, you do not need your account ID

Here are the docs: OAuth for user authorized apps

1 Like
9 
 i am sending the below body in request-
endpoint- https://api.zoom.us/v2/users/me/meetings

body-
{
  "topic": "My Test Meeting",
  "type": 2,
  "start_time": "2025-08-10T10:00:00Z",
  "duration": 30,
  "timezone": "UTC",
  "agenda": "Discuss project status",
  "settings": {
    "host_video": true,
    "participant_video": true,
    "join_before_host": false,
    "mute_upon_entry": true,
    "watermark": false,
    "use_pmi": false,
    "waiting_room": true,
    "approval_type": 0,
    "registration_type": 1
  }
}

@elisa.zoom with the current value of registeration_type and the approval_type, i can see that the registeration is mandatory for a user to enter the meeting.
What i want is no registeration must be required and host has power to approve the join meeting request.
Can you please help me with this

10

Hi @Vishal8
If you do not wish to have registration enabled in your meeting, make sure to pass “approva_type”=0 (ro registration required)
In order for the host to have the abilitu to approve who joins the meeting, I suggest you enable waiting room so the host will approve participants as they start joining the waiting room

1 Like