Hello,
I’m working on a Node.js application that integrates with Zoom to create meetings successfully. For the frontend, I’m using ReactJS with TypeScript and have added the @zoom/meetingsdk
plugin to join an existing meeting. However, I’m encountering an issue: when I try to join a meeting with the Web SDK using the code below, the user seems to enter a different meeting from the one I intended.
Here’s the code snippet I’m using:
ZoomMtg.preLoadWasm()
ZoomMtg.prepareWebSDK()
ZoomMtg.generateSDKSignature({
meetingNumber: meeting_number,
role,
sdkKey: import.meta.env.VITE_APP_ZOOM_CLIENT_ID,
sdkSecret: import.meta.env.VITE_APP_ZOOM_CLIENT_SECRET,
success: (signature: string) => {
ZoomMtg.init({
leaveUrl: leave_url,
debug: process.env.NODE_ENV === 'development',
patchJsMedia: true,
success: () => {
ZoomMtg.join({
meetingNumber: meeting_number,
signature,
sdkKey: import.meta.env.VITE_APP_ZOOM_CLIENT_ID,
userName: username,
userEmail: email,
passWord: password,
success: () => {
console.log('Joined successfully')
},
error: (error: unknown) => {
console.log('Error joining ->', error)
},
})
},
error: () => {
console.log('Error loading Zoom')
},
})
},
})
Issue Details:
- When joining the meeting through the API-generated URL, it works correctly, and the user connects to the expected meeting as if created from Zoom’s GUI.
- However, when I try to join the same meeting via the frontend using the code above, the user appears to enter an entirely different meeting room.
- I’ve verified that the
meetingNumber
,sdkKey
,sdkSecret
, and other required fields are correct.
Despite attempting various fixes, including regenerating the SDK keys and double-checking all environment variables, the issue persists.
Request for Help:
Is there any known issue with the SDK in terms of joining existing meetings, or is there a specific configuration or parameter I’m missing here to ensure the correct meeting room is accessed? Any guidance or troubleshooting tips would be greatly appreciated.
Thank you in advance for your assistance!