How to integrate zoom.us api and OAuth in Angular 15

ACHARYA A K
1 min readApr 24, 2023

How to integrate zoom.us api and OAuth in Angular 15

approach depreciated worked in angular 8

directly using sdk

import { Component, OnInit } from '@angular/core';
import { ZoomMtg } from 'zoomus-jssdk';
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
@Component({
selector: 'app-test',
templateUrl: './test.component.html',
styleUrls: ['./test.component.scss']
})
export class TestComponent implements OnInit {
meetingNumber: string;
userName: string;
meetConfig = {
apiKey: '<api key>',
apiSecret: '<secret key>',
meetingNumber: this.meetingNumber,
userName: this.userName,
passWord: "",
leaveUrl: "http://localhost:4200/test",
role: 0
};
signature = ZoomMtg.generateSignature({
meetingNumber: this.meetConfig.meetingNumber,
apiKey: this.meetConfig.apiKey,
apiSecret: this.meetConfig.apiSecret,
role: this.meetConfig.role,
success: function(res){

}
});
constructor() { }
ngOnInit() {
}
callZoom(){

ZoomMtg.init({
leaveUrl: 'http://localhost:4200/test',
isSupportAV: true,
success: (res) => {
ZoomMtg.join({
meetingNumber: this.meetConfig.meetingNumber,
userName: this.meetConfig.userName,
signature: this.signature,
apiKey: this.meetConfig.apiKey,
userEmail: 'pit@gmail.com',
passWord: this.meetConfig.passWord,
success: (res) => {
console.log('join meeting success');
},
error: (res) => {
console.log(res);
}
});
},
error: (res) => {
console.log(res);
}
});
}
}

Now will be moving with https://www.npmjs.com/package/@zoomus/websdk

content is coming soon….

--

--