Hi. I have created a sdk meeting app in development and when I tested with sdkkey (client ID) of my app it said “Invalid sdkkey.” I see that my app is in “Draft” mode, is it the issue and how can I activate it?
My app: Screenshot by Lightshot , Screenshot by Lightshot
Zoom Version: 2.18.2
Please help me.
My Angular code:
import { Component, OnInit, Inject } from "@angular/core";
import { HttpClient } from "@angular/common/http";
import { DOCUMENT } from "@angular/common";
import { ZoomMtg } from "@zoomus/websdk";
import { AuthService } from "./shared/auth.service";
import { ActivatedRoute } from "@angular/router";
import Cookies from "js-cookie";
import { AppService } from "./app.service";
ZoomMtg.setZoomJSLib("https://source.zoom.us/2.18.2/lib", "/av");
ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
// loads language files, also passes any error messages to the ui
ZoomMtg.i18n.load("en-US");
ZoomMtg.i18n.reload("en-US");
@Component({
selector: "app-root",
templateUrl: "./app.component.html",
styleUrls: ["./app.component.css"],
})
export class AppComponent implements OnInit {
currentUser: any;
appointmentId = "";
meetingInfo = {
meetingNumber: "",
signature: "",
password: "",
};
leaveUrl = "";
constructor(
public httpClient: HttpClient,
private route: ActivatedRoute,
@Inject(DOCUMENT) private document: Document,
private authService: AuthService,
private appService: AppService
) {
this.route.queryParams.subscribe((query) => {
if (query.appointmentId) this.appointmentId = query.appointmentId;
});
}
ngOnInit() {
this.authService.getCurrentUser().then((resp) => {
this.currentUser = resp;
this.leaveUrl =
this.currentUser.type === "tutor"
? `${this.appService.settings.mainUrl}/users/appointments/${this.appointmentId}`
: `${this.appService.settings.mainUrl}/users/lessons/${this.appointmentId}`;
let stored = Cookies.get("zoomMeetingInfo");
if (stored) {
this.meetingInfo = JSON.parse(stored);
this.startMeeting();
}
});
}
startMeeting() {
document.getElementById("zmmtg-root").style.display = "block";
console.log("sdk key: ", this.appService.settings.zoomSDK);
ZoomMtg.init({
leaveUrl: this.leaveUrl,
success: (success) => {
console.log(success);
ZoomMtg.join({
signature: this.meetingInfo.signature,
meetingNumber: this.meetingInfo.meetingNumber,
userName: this.currentUser.name,
sdkKey: this.appService.settings.zoomSDK,
userEmail: this.currentUser.email,
passWord: this.meetingInfo.password,
tk: "",
success: (success) => {
console.log(success);
},
error: (error) => {
console.log(error);
},
});
},
error: (error) => {
console.log(error);
},
});
}
}
chunsiong.zoom
(Chun Siong (tag me for response))
December 26, 2023, 5:17am
3
@tutorsbazaar111 ,
Are you able to capture your web tracking ID for me? Please tag me in your response
Open up the console in your browser, and goto the network tab
There should be a call to info?Meeting…
On the payload, try to find the tracking ID and share it with me here
Thanks for your reply.
this is tracking ID from headers:
v=2.0;clid=us06;rid=WEB_1f79888c499aaa94fbb3ffcd6160ce62
chunsiong.zoom
(Chun Siong (tag me for response))
December 26, 2023, 10:17am
6
@tutorsbazaar111 ,
your appKey and sdkKey in the JWT token is xxxx, you need to put in the valid Client ID instead
Can you explain more, I can make sure that the sdkKey I put was the Client ID of my app:
https://prnt.sc/N_YdVLMTBxth
chunsiong.zoom
(Chun Siong (tag me for response))
December 27, 2023, 6:24am
8
@tutorsbazaar111 ,
When I decode your JWT token, it seems you used an invalid value “xxxx” as the sdkKey and appKey
Please let me know where I can get the correct SDK key
chunsiong.zoom
(Chun Siong (tag me for response))
December 27, 2023, 7:39am
10
@tutorsbazaar111
The Client ID on the top left is your SDK Key
As I mentioned, I put it and you said it was invalid
chunsiong.zoom
(Chun Siong (tag me for response))
December 28, 2023, 1:41am
12
@tutorsbazaar111 ,
This was the JWT token which you have shared
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzZGtLZXkiOiJ4eHh4IiwibW4iOiI4MTEzNDk5NTE3NyIsInJvbGUiOjEsImlhdCI6MTcwMzU4NTM0MywiZXhwIjoxNzAzNTkyNTQzLCJhcHBLZXkiOiJ4eHh4IiwidG9rZW5FeHAiOjE3MDM1OTI1NDN9.TMezxZWm1bMlRzmZdRDiJa5GlxYht09kIuc_zRWwn6w
If you decode it using jwt.io , you can see the results here.
Note that sdkKey and appKey is “xxxx”. This not a valid value.
You need to sign your JWT token again with your SDK Key which starts with WB7AR…
My mistake, I have just tried with the correct key and now it says " Uncaught ReferenceError: React is not defined" and “Uncaught TypeError: m.AK.connectSocket is not a function”
chunsiong.zoom
(Chun Siong (tag me for response))
December 28, 2023, 12:07pm
14
@tutorsbazaar111 , if you are using react with client view, could you make sure you are using react 16? React 17 and React 18 is not support for client view
I am not using react, I am using angular 10, you can check the code that I shared
chunsiong.zoom
(Chun Siong (tag me for response))
January 2, 2024, 2:31am
16
@tutorsbazaar111 do open a new thread for this new error. Tag me there and I’ll look at it.