Zoom web sdk 404 error when clicking on join button “Joining meeting”

Description
Hi,@tommy
I’ve used zoom web sdk with react.js which you created https://github.com/zoom/websdk-sample-react
I am joining in a meeting with zoom web sdk and then nothing is happening when i am clicking on join button

Error
[HMR] Waiting for update signal from WDS…
zoom-meeting-1.9.8.min.js:2 pre load wasm success: https://source.zoom.us/1.9.8/lib/av/1501_audio.encode.wasm
zoom-meeting-1.9.8.min.js:2 pre load wasm success: https://source.zoom.us/1.9.8/lib/av/1501_video.simd.wasm
:4000/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
index.js:1 TypeError: Failed to fetch
console. @ index.js:1
:4000/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
index.js:1 TypeError: Failed to fetch
console. @ index.js:1
:4000/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
index.js:1 TypeError: Failed to fetch
console. @ index.js:1
(anonymous) @ App.js:45
DevTools failed to load source map: Could not load content for https://source.zoom.us/1.9.8/lib/webim.min.js.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for https://source.zoom.us/1.9.8/css/bootstrap.css.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE
:4000/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
index.js:1 TypeError: Failed to fetch
console. @ index.js:1
(anonymous) @ App.js:45
:4000/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED
index.js:1 TypeError: Failed to fetch
console. @ index.js:1
(anonymous) @ App.js:45

Which Web Video SDK version?
Knowing the version can help us to identify your issue faster. [e.g. 1.9.8]

To Reproduce(If applicable)
Steps to reproduce the behavior:
import React from ‘react’;

import ‘./App.css’;

declare var ZoomMtg

ZoomMtg.setZoomJSLib(‘https://source.zoom.us/1.9.8/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’);

function App() {

// setup your signature endpoint here: https://github.com/zoom/meetingsdk-sample-signature-node.js

var signatureEndpoint = ‘http://localhost:4000

// pass in the registrant’s token if your meeting or webinar requires registration. More info here:

// Meetings: https://marketplace.zoom.us/docs/sdk/native-sdks/web/build/meetings/join#join-registered

// Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/build/webinars/join#join-registered-webinar

var registrantToken =

function getSignature(e) {

e.preventDefault();

fetch(signatureEndpoint, {

  method: 'POST',

  headers: { 'Content-Type': 'application/json' },

  body: JSON.stringify({

    meetingNumber: meetingNumber,

    role: role

  })

}).then(res => res.json())

.then(response => {

  startMeeting(response.signature)

}).catch(error => {

  console.error(error)

})

}

function startMeeting(signature) {

document.getElementById('zmmtg-root').style.display = 'block'

ZoomMtg.init({

  leaveUrl: leaveUrl,

  success: (success) => {

    console.log(success)

    ZoomMtg.join({

      signature: signature,

      meetingNumber: meetingNumber,

      userName: userName,

      apiKey: apiKey,

      userEmail: userEmail,

      passWord: passWord,

      tk: registrantToken,

      success: (success) => {

        console.log(success)

      },

      error: (error) => {

        console.log(error)

      }

    })

  },

  error: (error) => {

    console.log(error)

  }

})

}

return (

<div className="App">

  <main>

    <h1>Zoom Meeting SDK Sample React</h1>

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

  </main>

</div>

);

}

export default App;

Screenshots
If applicable, add screenshots to help explain your problem.

Device (please complete the following information):

  • Device: [e.g. HP Laptop]
  • OS: [e.g. Window 10]
  • Browser: [ Chrome]
  • Browser Version [88.0.4324.150 (Official Build) (x86_64)]

Additional context
What is var registrantToken, is it JWT Token ? Which i have insert here ? pls let me know

Hey @Gaurav24,

Thank you for reaching out to the Zoom Developer Forum. Please make sure that you have configured the signature endpoint as outlined in the README.

Let me know if that helps.

Thanks,
Max