Deployment of Zoom Web SDK react app on github pages

Description
I have followed the tutorial presented here: GitHub - zoom/websdk-sample-react: Use the Zoom Web SDK in a React App and I have been able to run the zoom client using web sdk locally.

However, then I followed the github deployment protocol mentioned and was able to deploy the sample react app to my github pages.
However, when I click on Join meeting nothing happens.

Error
My browser console gives me following errors when I click on Join meeting:
POST localhost:4000/ net::ERR_CONNECTION_REFUSED
onClick @ App.js:28
$e @ react-dom.production.min.js:52
Ye @ react-dom.production.min.js:52
(anonymous) @ react-dom.production.min.js:53
xr @ react-dom.production.min.js:100
Cr @ react-dom.production.min.js:101
(anonymous) @ react-dom.production.min.js:113
Fe @ react-dom.production.min.js:292
(anonymous) @ react-dom.production.min.js:50
Or @ react-dom.production.min.js:105
Zt @ react-dom.production.min.js:75
Jt @ react-dom.production.min.js:74
t.unstable_runWithPriority @ scheduler.production.min.js:18
$l @ react-dom.production.min.js:122
Me @ react-dom.production.min.js:292
Xt @ react-dom.production.min.js:73

App.js:39 TypeError: Failed to fetch
(anonymous) @ App.js:39
Promise.catch (async)
onClick @ App.js:38
$e @ react-dom.production.min.js:52
Ye @ react-dom.production.min.js:52
(anonymous) @ react-dom.production.min.js:53
xr @ react-dom.production.min.js:100
Cr @ react-dom.production.min.js:101
(anonymous) @ react-dom.production.min.js:113
Fe @ react-dom.production.min.js:292
(anonymous) @ react-dom.production.min.js:50
Or @ react-dom.production.min.js:105
Zt @ react-dom.production.min.js:75
Jt @ react-dom.production.min.js:74
t.unstable_runWithPriority @ scheduler.production.min.js:18
$l @ react-dom.production.min.js:122
Me @ react-dom.production.min.js:292
Xt @ react-dom.production.min.js:73

Which Web Client SDK version?
Web client sdk version: 1.9.1

To Reproduce(If applicable)
Steps to reproduce the behavior:

  1. Go to Zoom WebSDK Sample React
  2. Click on ‘Join Meeting’
  3. Open Inspect Element by right click
  4. See error on the console.

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

Device (please complete the following information):

  • Browser: [e.g. Chrome]
  • Version 90.0.4430.85 (Official Build) (arm64)

Additional context
My guess it has to do with signatureEndpoint and leaveurl we enter in App.js file. At localhost signature Endpoint is at port:4000 but not sure if that is accessible on github pages.

Hi, @varshit.dusad,

Thank you for posting in the Developer Support Forum. It looks like the needed resources are currently not accessible to Github pages. Are you able to confirm if you are serving over HTTPS ? For reference, I’ve linked a Securing your GitHub Pages site with HTTPS below :

Another tool you can use to serve you app over HTTPS is ngrok. This tool will allow you to tunnel traffic to your server running on localhost through an HTTPS domain. You can then use the generated HTTPS domain for any configuration details needed for github pages.

Please let me know if this helps.

Best,
Donte