Getting this error how can I resolve these?

import React from ‘react’;

import { ZoomMtg } from ‘@zoomus/websdk’;

ZoomMtg.setZoomJSLib(‘https://source.zoom.us/2.17.0/lib’, ‘/av’);

ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
// loads language files, also passes any error messages to the ui
ZoomMtg.i18n.load(‘en-US’);
ZoomMtg.i18n.reload(‘en-US’);

const ZoomNew=()=>{
var authEndpoint = ‘’
var sdkKey = ‘*******************’ // is
var meetingNumber =‘77003823568’
var passWord = ‘UeV3QC’
var role = 0
var userName = ‘pratyushsingh’
var userEmail = ‘test@gmail.com’
var registrantToken = ‘’
var zakToken = ‘’
var leaveUrl = ‘http://localhost:3000

const getSignature = async (e) => {
    e.preventDefault();
    try {
      // hit the remote experss server to retrieve signature
      // meetingNumber and role are must.
      // role 0 means attendee, 1 stands for host
      const responseFromSignatureEndpoint = await fetch(
        "http://localhost:3004/api/getsign",
        {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({
            meetingNumber,
            role,
          }),
        }
      );
      // if signature is retrieved successfully, then attempt to start meeting
      const signatureJSON = await responseFromSignatureEndpoint.json();
      if (signatureJSON) {
        startMeeting(signatureJSON.signature);
      }
    } catch (error) {
      console.error(error);
    }
  }

function startMeeting(signature) {
alert(signature)
console.log(signature)
document.getElementById(‘zmmtg-root’).style.display = ‘block’

ZoomMtg.init({
  leaveUrl: leaveUrl,
  isSupportAV: true,
  success: (success) => {
    console.log(success)

    ZoomMtg.join({
        sdkKey: sdkKey,
        signature: signature, // Pass in your Meeting SDK JWT
        meetingNumber:meetingNumber,
        passWord:passWord,
        userName:userName,
        userEmail:userEmail,
        // tk: registrantToken,
        // zak: zakToken,
        success: (success) => {
          console.log(success)
        },
        error: (error) => {
          console.log(error,`${meetingNumber}`)
        }
      })

  },
  error: (error) => {
    console.log(error)
  }
})

}
return (



Zoom Meeting SDK Sample React

    <button onClick={getSignature}>Join Meeting</button>
  </main>
</div>

);
}

export default ZoomNew;

getting error of

{
“method”: “join”,
“status”: false,
“result”: “The meeting number is wrong.”,
“errorMessage”: “The meeting number is wrong.”,
“errorCode”: 3706
}
this object

please help me to Resolve i am using @zoomus/websdk": “^2.17.0”

my JWT TOKEN node js api

module.exports.generateSignature=async(req,res)=>{
const {mn,role}=req.body;
const iat = Math.round(new Date().getTime() / 1000) - 30;
const exp = iat + 60 * 60 * 2;
const oHeader = { alg: ‘HS256’, typ: ‘JWT’ }

const oPayload = {
sdkKey: ‘',
appKey: '
',
mn: mn,
role: role,
iat: iat,
exp: exp,
tokenExp: exp
}
const sHeader = JSON.stringify(oHeader)
const sPayload = JSON.stringify(oPayload)
const signature = KJUR.jws.JWS.sign(‘HS256’, sHeader, sPayload, '
*************************’)
res.json({
signature: signature
})
}

meeting id is correctly inserted

@pratyushsingh10575, do you have a sample of the generated signature?

Actually i solved the issue it was in the signature not generated properly

1 Like