Angular web SDK

Meeting SDK Web
1

I’m testint the SDK web-sample-angular and i have no compilations erros.

I can’t join with a meeting.

Error
http://localhost:4000/ net::ERR_CONNECTION_REFUSED.

Angular 10

  1. Click on ‘join’

Screenshots
error

Additional context
Visual Code Studio in windows 10 (without firewall)

2

Hey @juananmp,

Are you still seeing this issue? If you can provide steps to reproduce that would help us debug the issue. :slight_smile:

Thanks,
Tommy

3

Hi Tommy, thanks for your answer.

I’m trying to integrate zoom in a web for a conference, the master use the zoom app and the clients lin in our web.

i don´t know if the code or probably the concept, if my web is in a server with ip http://185.14.57.224/ which are my params.

What is the use of signaturaEndpoint and leaveUrl

signatureEndpoint = ‘http://localhost:4000’
apiKey = ‘’
apiSecret = ‘’
meetingNumber =
role = 0
//leaveUrl = ‘https://zoom.us/’
leaveUrl = ‘http://localhost:4200’
userName = ‘’
userEmail = ‘’
passWord = ‘xxxxxx’

thanks

4

Hey @juananmp,

The leaveUrl is the url you are taken to after the meeting ends.

The signature endpoint is where you host the server side code that generates the Web SDK signature. More info here:

Thanks,
Tommy

5

Hi , i’ve just correct the problem of Content-Mixed http over https with:

But now, next trouble is:

  1. ts {headers: Vc, status: 200, statusText: “OK”, url: “https://seporvirtual.com/zoom/”, ok: false, …}
  2. error:
  3. error: SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse () at XMLHttpRequest.a (https://seporvirtual.com/zoom/main.8d676dab052c6c741262.js:1:4077223) at l.invokeTask (https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:7242) at Object.onInvokeTask (https://seporvirtual.com/zoom/main.8d676dab052c6c741262.js:1:4040310) at l.invokeTask (https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:7163) at a.runTask (https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:2651) at u.invokeTask [as invoke] (https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:8292) at _ (https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:20547) at XMLHttpRequest.k (https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:20871)
  4. text: "<!doctype html>
  5. ↵
  6. ↵
  7. ↵
  8. ↵ Zoom WebSDK Sample Angular
  9. ↵
  10. ↵
  11. ↵
  12. ↵
  13. ↵
  14. ↵
  15. ↵
  16. ↵
  17. ↵
  18. ↵"
  19. proto: Object1. headers: Vc
  20. lazyInit: ()=> {…}
  21. lazyUpdate: null
  22. normalizedNames: Map(0) {}
  23. proto: Object1. message: “Http failure during parsing for https://seporvirtual.com/zoom/”
  24. name: “HttpErrorResponse”
  25. ok: false
  26. status: 200
  27. statusText: “OK”
  28. url: “https://seporvirtual.com/zoom/”
  29. proto: Jc
  30. constructor: class ts
  31. proto: Object
    error.jpg

Oh my god, i can’t see the end!

6

Hey @juananmp,

Were you able to find this syntax error? It looks like this is related to how the API response is being parsed. I would double check this—you might find these articles helpful:


Thanks,
Will

7

I can’t integrate zoom in angular.

I’ve just download from your github reposiry again with only this changes:

Index.html

add

App.component.ts

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

signatureEndpoint = ‘https://seporvirtual.com/zoom’

apiKey = ‘’

apiSecret = ‘’

meetingNumber =

role = 0

//leaveUrl = ‘https://zoom.us/’

leaveUrl = ‘https://seporvirtual.com/zoom’

userName = ‘’

userEmail = ‘’

passWord = ‘’

compile and host in https://seporvirtual.com/zoom

and report this error:

Qa {headers: Da, status: 200, statusText: “OK”, url: “https://seporvirtual.com/zoom/”, ok: false, …}

  1. error: {error: SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse () at XMLHtt…, text: "<!doctype html>
  2. ↵
  3. ↵
  4. ↵ <meta…b6712db31c6.js" defer>
  5. ↵
  6. ↵"}
  7. headers: Da {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
  8. message: “Http failure during parsing for https://seporvirtual.com/zoom/”
  9. name: “HttpErrorResponse”
  10. ok: false
  11. status: 200
  12. statusText: “OK”
  13. url: “https://seporvirtual.com/zoom/”
  14. proto: qa

Using

$ npm version

{

‘websdk-sample-angular’: ‘1.8.1’,

npm: ‘6.14.8’,

ares: ‘1.16.0’,

brotli: ‘1.0.7’,

cldr: ‘37.0’,

http_parser: ‘2.9.3’,

icu: ‘67.1’,

llhttp: ‘2.0.4’,

modules: ‘72’,

napi: ‘6’,

nghttp2: ‘1.41.0’,

node: ‘12.18.3’,

openssl: ‘1.1.1g’,

tz: ‘2019c’,

unicode: ‘13.0’,

uv: ‘1.38.0’,

v8: ‘7.8.279.23-node.39’,

zlib: ‘1.2.11’

}

8

Hi @juananmp,

As I can see we’re already in contact via Zoom Developer Support, I’ll continue the conversation there.

Thanks,
Will

9

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