I want to integrate zoom meeting into my angular application.How to integrate?

API and Webhooks
,
1

public initializeZoomApp():void{
ZoomMtg.setZoomJSLib(‘https://source.zoom.us/1.9.1/lib’, ‘/av’);
ZoomMtg.preLoadWasm()
ZoomMtg.prepareWebSDK()
ZoomMtg.init({
leaveUrl:‘https://zoom.us’,
isSupportAV: true,
success: () => {
ZoomMtg.join({
signature:this.zoomApiSignature,
meetingNumber:this.meetingId,
userName: ‘Ravikumar’,
passWord: this.passWord,
sdkKey:this.apiKey,
userEmail:‘galinki.ravi333@gmail.com’,
success: () => {
console.log(‘Join meeting success’);
},
error: () => {
console.log(‘Join meeting error’);
}
})

2

@galinki.ravi333 hope you will be fine.

Here are the sessions regarding WebSDK Integrations

3

Thank you so much @freelancer.nak Naeem Ahmed

4

Thank you for help. But already I followed same video Still I’m facing 403 error. While joining to the meeting It is saying that invalid signature .

5

@galinki.ravi333 do you have valid meeting SDK client id & secret?

6

@galinki.ravi333 here is the NodeJS signature helper sample

function generateSignature(meetingNumber, role) {
    const iat = Math.round(new Date().getTime() / 1000) - 30;
    const exp = iat + 60 * 60 * 2
  
    const oHeader = {
      alg: 'HS256',
      typ: 'JWT'
    }
  
    const oPayload = {
      sdkKey: process.env.SDK_KEY,
      mn: meetingNumber,
      role: role,
      iat: iat,
      exp: exp,
      appKey: process.env.SDK_KEY,
      tokenExp: iat + 60 * 60 * 2
    }
  
    const sHeader = JSON.stringify(oHeader)
    const sPayload = JSON.stringify(oPayload)
    const signature = KJUR.jws.JWS.sign('HS256', sHeader, sPayload, process.env.SDK_SECRET)
  
    return signature;
}
7

For this I’m not using any server and backend code for signature generation and end point URL. From frontend only ,generating signature.is it necessary to use server and backend to generate signature with valid sdkClient and sdkSecret using our own URL endpoint??

8

Securing your sdk secret by generating the signature on the server side is officially recommended.

9

for creating a valid signature you need a computer with the correct time

on your (backend) webserver it’s ease - on the client browser not

1 Like
10
  1. Sign up for a Zoom account and create a JWT app: Go to the Zoom App Marketplace and create a JWT app. This will give you access to the Zoom API and allow you to generate an API key and secret that you will need to use the Zoom Web SDK.
  2. Install the Zoom Web SDK: You can install the Zoom Web SDK in your Angular application using npm. Open a terminal window and run the following command: