Websdk-sample-angular

Roy.D · November 17, 2020, 9:32pm

Description
Cloned the git project and updated the apikey, signature and meeting#.
But getting below error on click " Join Meeting"

Error
Cannot POST /X05ycm1aNTdRaHFNcGFkWXVRVG1jdy43NzA3ODQwNjI5LjE2MDU2NDUxMDc5ODcuMS54aDV6cDBYNT
message: “Http failure response for http://localhost:4200/X05ycm1aNTdRaHFNcGFkWXVRVG1jdy43NzA3ODQwNjI5LjE2MDU2NDUxMDc5ODcuMS54aDV6cDBYNTE0Y1RTUkZkMnFPYUFLbWpGdndCdXNUTE8wSWtnb05qMTZ3PQ: 404 Not Found”

Signature -> X05ycm1aNTdRaHFNcGFkWXVRVG1jdy43NzA3ODQwNjI5LjE2MDU2NDUxMDc5ODcuMS54aDV6cDBYNTE0Y1RTUkZkMnFPYUFLbWpGdndCdXNUTE8wSWtnb05qMTZ3PQ

Which version?
zoomus/websdk --> 1.8.3

Device (please complete the following information):

Device: MacBook Pro
OS: 10.15.7
Version: [e.g. 22]
Browser:[ Chrome]

tommy · November 18, 2020, 7:17pm

Hey @Roy.D,

Did you set your Signature Endpoint URL?

github.com

zoom/websdk-sample-angular/blob/master/src/app/app.component.ts#L17


ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  // setup your signature endpoint here: https://github.com/zoom/websdk-sample-signature-node.js
  signatureEndpoint = ''
  apiKey = ''
  meetingNumber = 123456789
  role = 0
  leaveUrl = 'http://localhost:4200'
  userName = 'Angular'
  userEmail = ''
  passWord = ''
  constructor(public httpClient: HttpClient, @Inject(DOCUMENT) document) {

Thanks,
Tommy

Roy.D · November 18, 2020, 8:24pm

Hello Tommy,

Thank you for replying.

Yes, I did. below is the signature.
When I checked the console, I noticed error - “Cannot POST” and signature was also logged.

I used JWT credentials.

X05ycm1aNTdRaHFNcGFkWXVRVG1jdy43NzA3ODQwNjI5LjE2MDU2NDUxMDc5ODcuMS54aDV6cDBYNTE0Y1RTUkZkMnFPYUFLbWpGdndCdXNUTE8wSWtnb05qMTZ3PQ

tommy · November 19, 2020, 9:04pm

Hey @Roy.D,

Can you share your code in a GitHub repo so I can test and reproduce the issue locally?

This error is not coming from the Web SDK. It looks you are making a post request to the Angular local server with your signature attached?

Thanks,
Tommy

Roy.D · November 20, 2020, 4:04pm

Hello Tommy,

here is the repo

git@github.com:dhingra/websdk-sample-angular.git
https://github.com/dhingra/websdk-sample-angular

Thanks,

tommy · December 1, 2020, 4:57pm

Hey @Roy.D,

I see the issue. You put your actual signature as the signature endpoint:

github.com

dhingra/websdk-sample-angular/blob/master/src/app/app.component.ts#L18


ZoomMtg.prepareJssdk();
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  // setup your signature endpoint here: https://github.com/zoom/websdk-sample-signature-node.js
  signatureEndpoint = 'X05ycm1aNTdRaHFNcGFkWXVRVG1jdy43NzA3ODQwNjI5LjE2MDU4ODMzODk2ODguMS5MR0tIM3BRd05PcG9oVHVmdk43ck9FZDRVYTJnVjFTSHlTRU51NDMvM3MwPQ'
  apiKey = '_NrrmZ57QhqMpadYuQTmcw'
  meetingNumber = '7707840629'
  role = 1
  leaveUrl = 'http://localhost:4200'
  userName = 'daanam-uplift'
  userEmail = ''
  passWord = ''
  constructor(public httpClient: HttpClient, @Inject(DOCUMENT) document) {

The signature endpoint needs to be a web address pointing to the server that generates your Web SDK signature. Please see the readme and this sample app for more information.

Thanks,
Tommy

Roy.D · November 28, 2020, 3:40pm

Tommy,
Yes that was the issue. am able to run the sample now .

tommy · December 1, 2020, 4:57pm

Happy to hear you got it working!

Thanks,
Tommy