Can I use websocket in zoom apps?

kazutaka · March 17, 2023, 12:28am

I have tried using pusher to see if websocket communication is possible within the zoom apps sample app, but I get the following error.

I looked up how to resolve this error and found that it seemed to be caught by the Content Sequrity Policy, so I wrote the following meta tag and tried to resolve the error.

<meta http-equiv="Content-Security-Policy" content="connect-src 'self' sockjs-ap3.pusher.com ws-ap3.pusher.com">

The following items are also added to the Domain Allow List.

sockjs-ap3.pusher
ws-ap3.pusher.com

If you know how I can use websocket with zoom apps, please let me know.

MaxM · March 20, 2023, 8:59pm

You can use websockets within a Zoom App but you will want to make sure the domain is whitelisted and the websocket URL is added to your Content Security Policy connect-src parameter.

And example of setting up the connect-src can be found in our Custom Layout sample app:

github.com

zoom/zoomapps-customlayout-js/blob/28aff71df50c5e55a2a72c5030a206d5276a8b18/app.js#L73


      
                  maxAge: 31536000,
              },
              referrerPolicy: 'same-origin',
              crossOriginEmbedderPolicy: false,
              contentSecurityPolicy: {
                  directives: {
                      'default-src': 'self',
                      styleSrc: ["'self'"],
                      scriptSrc: ["'self'", 'https://appssdk.zoom.us/sdk.min.js'],
                      imgSrc: ["'self'", `https://${redirectHost}`],
                      'connect-src': ["'self'", `wss://${redirectHost}`],
                      'base-uri': 'self',
                      'form-action': 'self',
                  },
              },
          };
          
          
app.use(helmet(headers));
          
          
app.use(express.json());
          app.use(compression());

Let me know if that helps.