Error
Fail to join the meeting.
Signature is invalid.
Error code 3712
Description
I want to embed a Zoom meeting on a website. Using Laravel & React. Installed @zoomus/websdk/embedded from npm.
I’ve setup an account on the App Marketplace and created a JWT & SDK to get the API key/secret & SDK.
I’ve used the php code in Generate Signature to create & pass the signature into the react file (code below, payload is the signature from the php)
But when trying the front end I get a popup message saying the signature is invalid.
Not sure what I’m doing wrong.
The SDK & password below are not actually what I have in my code
const client = ZoomMtgEmbedded.createClient()
const meetingSDKElement = document.getElementById(‘meetingSDKElement’)
const initZoom = payload => {
console.log(payload)
client
.init({
debug: true,
zoomAppRoot: meetingSDKElement,
language: ‘en-US’,
customize: {
meetingInfo: [
‘topic’,
‘host’,
‘mn’,
‘pwd’,
‘telPwd’,
‘invite’,
‘participant’,
‘dc’,
‘enctype’,
],
toolbar: {
buttons: [
{
text: ‘Custom Button’,
className: ‘CustomButton’,
onClick: () => {
// eslint-disable-next-line no-console
console.log(‘custom button’)
},
},
],
},
},
})
.then(response => {
// eslint-disable-next-line no-console
client.join({
sdkKey: '[Redacted],
signature: payload, // role in SDK Signature needs to be 0
meetingNumber: meetingNumber,
password: [Redacted],
userName: ‘userName’,
userEmail: ‘user@example.com’,
})
})
}