# Angular web SDK

**URL:** <https://devforum.zoom.us/t/angular-web-sdk/31644>\
**Category:** Web\
**Created:** [September 29, 2020, 2:30pm UTC](https://devforum.zoom.us/t/angular-web-sdk/31644 "2020-09-29T14:30:10Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![juananmp](https://avatars.discourse-cdn.com/v4/letter/j/9de053/32.png) [@juananmp](https://devforum.zoom.us/u/juananmp)\
**Post date:** [September 29, 2020, 2:30pm UTC](https://devforum.zoom.us/t/angular-web-sdk/31644/1 "2020-09-29T14:30:10Z")

</div>

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/](http://localhost:4000/) net::ERR\_CONNECTION\_REFUSED.

Angular 10

1. Click on ‘join’

**Screenshots**  
 ![error](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/8/9/898620b4d16c256d478e7fdf95e5a6f2d274a9be.jpeg)

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

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [October 1, 2020, 8:17pm UTC](https://devforum.zoom.us/t/angular-web-sdk/31644/2 "2020-10-01T20:17:17Z")

</div>

Hey @juananmp,

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

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![juananmp](https://avatars.discourse-cdn.com/v4/letter/j/9de053/32.png) [@juananmp](https://devforum.zoom.us/u/juananmp)\
**Post date:** [October 4, 2020, 8:01am UTC](https://devforum.zoom.us/t/angular-web-sdk/31644/3 "2020-10-04T08:01:42Z")

</div>

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/](http://185.14.57.224/) which are my params.

What is the use of signaturaEndpoint and leaveUrl

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

thanks

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [October 5, 2020, 8:58pm UTC](https://devforum.zoom.us/t/angular-web-sdk/31644/4 "2020-10-05T20:58:52Z")

</div>

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:

> **[Generate Signature - Build an App - Web - Native SDKs - Zoom Software...](https://marketplace.zoom.us/docs/sdk/native-sdks/web/build/signature)**
>
> Generate Signature
> 
> Each request to start or join a meeting / webinar must be verified by an encrypted signature authorizing each user to enter. A signa...

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![juananmp](https://avatars.discourse-cdn.com/v4/letter/j/9de053/32.png) [@juananmp](https://devforum.zoom.us/u/juananmp)\
**Post date:** [October 7, 2020, 1:53pm UTC](https://devforum.zoom.us/t/angular-web-sdk/31644/5 "2020-10-07T13:53:20Z")

</div>

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/](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](https://seporvirtual.com/zoom/main.8d676dab052c6c741262.js:1:4077223)) at l.invokeTask ([https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:7242](https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:7242)) at Object.onInvokeTask ([https://seporvirtual.com/zoom/main.8d676dab052c6c741262.js:1:4040310](https://seporvirtual.com/zoom/main.8d676dab052c6c741262.js:1:4040310)) at l.invokeTask ([https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:7163](https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:7163)) at a.runTask ([https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:2651](https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:2651)) at u.invokeTask [as invoke] ([https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:8292](https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:8292)) at \_ ([https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:20547](https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:20547)) at XMLHttpRequest.k ([https://seporvirtual.com/zoom/polyfills.35a5ca1855eb057f016a.js:1:20871](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/](https://seporvirtual.com/zoom/)”
24. name: “HttpErrorResponse”
25. ok: false
26. status: 200
27. statusText: “OK”
28. url: “[https://seporvirtual.com/zoom/](https://seporvirtual.com/zoom/)”
29. **proto** : Jc
30. constructor: _class ts_
31. **proto** : Object  
 ![error.jpg](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/1/f/1fc38bce291b001376e50d792c2493bc99d6d020.jpeg)

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

---

<div class="post-metadata">

**Author:** ![will.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/will.zoom/32/14417_2.png) [@will.zoom](https://devforum.zoom.us/u/will.zoom)\
**Post date:** [October 9, 2020, 6:45pm UTC](https://devforum.zoom.us/t/angular-web-sdk/31644/6 "2020-10-09T18:45:41Z")

</div>

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:

> <https://stackoverflow.com/questions/51583757/angular-6-httperrorresponse-syntaxerror-unexpected-token-s-in-json/51583858#51583858>

  

> <https://stackoverflow.com/questions/56140464/syntaxerror-unexpected-token-in-json-at-position-0-at-json-parse-anonymous>

Thanks,  
Will

---

<div class="post-metadata">

**Author:** ![juananmp](https://avatars.discourse-cdn.com/v4/letter/j/9de053/32.png) [@juananmp](https://devforum.zoom.us/u/juananmp)\
**Post date:** [October 13, 2020, 9:24am UTC](https://devforum.zoom.us/t/angular-web-sdk/31644/7 "2020-10-13T09:24:20Z")

</div>

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](https://github.com/zoom/websdk-sample-signature-node.js)

signatureEndpoint = ‘[https://seporvirtual.com/zoom](https://seporvirtual.com/zoom)’

apiKey = ‘’

apiSecret = ‘’

meetingNumber =

role = 0

//leaveUrl = ‘[https://zoom.us/](https://zoom.us/)’

leaveUrl = ‘[https://seporvirtual.com/zoom](https://seporvirtual.com/zoom)’

userName = ‘’

userEmail = ‘’

passWord = ‘’

compile and host in [https://seporvirtual.com/zoom](https://seporvirtual.com/zoom)

and report this error:

_Qa {headers: Da, status: 200, statusText: “OK”, url: “[https://seporvirtual.com/zoom/](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/](https://seporvirtual.com/zoom/)”
9. name: “HttpErrorResponse”
10. ok: false
11. status: 200
12. statusText: “OK”
13. url: “[https://seporvirtual.com/zoom/](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’

}

---

<div class="post-metadata">

**Author:** ![will.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/will.zoom/32/14417_2.png) [@will.zoom](https://devforum.zoom.us/u/will.zoom)\
**Post date:** [October 14, 2020, 4:33pm UTC](https://devforum.zoom.us/t/angular-web-sdk/31644/8 "2020-10-14T16:33:57Z")

</div>

Hi @juananmp,

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

Thanks,  
Will

---

<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:** [November 14, 2020, 2:34am UTC](https://devforum.zoom.us/t/angular-web-sdk/31644/9 "2020-11-14T02:34:04Z")

</div>

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