# Deployment of Zoom Web SDK react app on github pages

**URL:** <https://devforum.zoom.us/t/deployment-of-zoom-web-sdk-react-app-on-github-pages/49342>\
**Category:** Web\
**Created:** [May 1, 2021, 8:37am UTC](https://devforum.zoom.us/t/deployment-of-zoom-web-sdk-react-app-on-github-pages/49342 "2021-05-01T08:37:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![varshit.dusad](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/varshit.dusad/32/18769_2.png) [@varshit.dusad](https://devforum.zoom.us/u/varshit.dusad)\
**Post date:** [May 1, 2021, 8:37am UTC](https://devforum.zoom.us/t/deployment-of-zoom-web-sdk-react-app-on-github-pages/49342/1 "2021-05-01T08:37:07Z")

</div>

**Description**  
I have followed the tutorial presented here: [GitHub - zoom/websdk-sample-react: Use the Zoom Web SDK in a React App](https://github.com/zoom/websdk-sample-react/) 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](https://dusadvarshit.github.io/zoom_web_sdk/)
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.

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [May 3, 2021, 6:30pm UTC](https://devforum.zoom.us/t/deployment-of-zoom-web-sdk-react-app-on-github-pages/49342/2 "2021-05-03T18:30:23Z")

</div>

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 :

> **[Securing your GitHub Pages site with HTTPS - GitHub Docs](https://docs.github.com/en/pages/getting-started-with-github-pages/securing-your-github-pages-site-with-https)**
>
> //docs.github.com/en/pages/getting-started-with-github-pages/securing-your-github-pages-site-with-https

Another tool you can use to serve you app over HTTPS is [ngrok](https://ngrok.com/). 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

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [June 3, 2021, 4:30am UTC](https://devforum.zoom.us/t/deployment-of-zoom-web-sdk-react-app-on-github-pages/49342/3 "2021-06-03T04:30:44Z")

</div>

Closed on June 3, 2021, 4:30am UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
