Skip to content

Commit

Permalink
Add client ID and client Secret support (#63)
Browse files Browse the repository at this point in the history
  • Loading branch information
@endazoom
endazoom authored Feb 28, 2023
1 parent 9086bcd commit 519e79b
Show file tree
Hide file tree
Showing 5 changed files with 40 additions and 40 deletions.
18 changes: 9 additions & 9 deletions CDN/js/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,13 @@ function websdkready() {
// ZoomMtg.setZoomJSLib('http://localhost:9999/node_modules/@zoomus/websdk/dist/lib', '/av'); // Local version default, Angular Project change to use cdn version
ZoomMtg.preLoadWasm(); // pre download wasm file to save time.

var SDK_KEY = "YOUR_SDK_KEY";
var CLIENT_ID = "YOUR_CLIENT_ID_OR_SDK_KEY";
/**
* NEVER PUT YOUR ACTUAL SDK SECRET IN CLIENT SIDE CODE, THIS IS JUST FOR QUICK PROTOTYPING
* NEVER PUT YOUR ACTUAL SDK SECRET OR CLIENT SECRET IN CLIENT SIDE CODE, THIS IS JUST FOR QUICK PROTOTYPING
* The below generateSignature should be done server side as not to expose your SDK SECRET in public
* You can find an eaxmple in here: https://marketplace.zoom.us/docs/sdk/native-sdks/web/essential/signature
*/
var SDK_SECRET = "YOUR_SDK_SECRET";
var CLIENT_SECRET = "YOUR_CLIENT_SECRET_OR_SDK_SECRET";

// some help code, remember mn, pwd, lang to cookie, and autofill.
document.getElementById("display_name").value =
Expand Down Expand Up @@ -102,13 +102,13 @@ function websdkready() {

var signature = ZoomMtg.generateSDKSignature({
meetingNumber: meetingConfig.mn,
sdkKey: SDK_KEY,
sdkSecret: SDK_SECRET,
sdkKey: CLIENT_ID,
sdkSecret: CLIENT_SECRET,
role: meetingConfig.role,
success: function (res) {
console.log(res.result);
meetingConfig.signature = res.result;
meetingConfig.sdkKey = SDK_KEY;
meetingConfig.sdkKey = CLIENT_ID;
var joinUrl = "/meeting.html?" + testTool.serialize(meetingConfig);
console.log(joinUrl);
window.open(joinUrl, "_blank");
Expand All @@ -134,13 +134,13 @@ function websdkready() {
}
var signature = ZoomMtg.generateSDKSignature({
meetingNumber: meetingConfig.mn,
sdkKey: SDK_KEY,
sdkSecret: SDK_SECRET,
sdkKey: CLIENT_ID,
sdkSecret: CLIENT_SECRET,
role: meetingConfig.role,
success: function (res) {
console.log(res.result);
meetingConfig.signature = res.result;
meetingConfig.sdkKey = SDK_KEY;
meetingConfig.sdkKey = CLIENT_ID;
var joinUrl =
testTool.getCurrentDomain() +
"/meeting.html?" +
Expand Down
18 changes: 9 additions & 9 deletions Components/public/tools/nav.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,14 +13,14 @@ function websdkready() {
console.log("checkSystemRequirements");
// console.log(JSON.stringify(ZoomMtgEmbedded.checkSystemRequirements()));

var SDK_KEY = "YOUR_SDK_KEY";
var CLIENT_ID = "YOUR_CLIENT_ID_OR_SDK_KEY";

/**
* NEVER PUT YOUR ACTUAL API SECRET IN CLIENT SIDE CODE, THIS IS JUST FOR QUICK PROTOTYPING
* NEVER PUT YOUR ACTUAL SDK SECRET OR CLIENT SECRET IN CLIENT SIDE CODE, THIS IS JUST FOR QUICK PROTOTYPING
* The below generateSignature should be done server side as not to expose your api secret in public
* You can find an eaxmple in here: https://marketplace.zoom.us/docs/sdk/native-sdks/web/signature
*/
var SDK_SECRET = "YOUR_SDK_SECRET";
var CLIENT_SECRET = "YOUR_CLIENT_SECRET_OR_SDK_SECRET";
// some help code, remember mn, pwd, lang to cookie, and autofill.
document.getElementById("display_name").value =
testTool.detectOS() +
Expand Down Expand Up @@ -97,13 +97,13 @@ function websdkready() {
// generateSDKSignature define in token-tool.js
var signature = generateSDKSignature({
meetingNumber: meetingConfig.mn,
sdkKey: SDK_KEY,
sdkSecret: SDK_SECRET,
sdkKey: CLIENT_ID,
sdkSecret: CLIENT_SECRET,
role: meetingConfig.role,
success: function (res) {
console.log(res);
meetingConfig.signature = res;
meetingConfig.sdkKey = SDK_KEY;
meetingConfig.sdkKey = CLIENT_ID;
if (document.getElementById('demoType').value === 'cdn') {
var joinUrl = "/cdn.html?" + testTool.serialize(meetingConfig);
console.log(joinUrl);
Expand Down Expand Up @@ -135,13 +135,13 @@ function websdkready() {
}
var signature = generateSDKSignature({
meetingNumber: meetingConfig.mn,
sdkKey: SDK_KEY,
sdkSecret: SDK_SECRET,
sdkKey: CLIENT_ID,
sdkSecret: CLIENT_SECRET,
role: meetingConfig.role,
success: function (res) {
console.log(res);
meetingConfig.signature = res;
meetingConfig.sdkKey = SDK_KEY;
meetingConfig.sdkKey = CLIENT_ID;
if (document.getElementById('demoType').value === 'cdn') {
var joinUrl =
testTool.getCurrentDomain() +
Expand Down
18 changes: 9 additions & 9 deletions Components/tools/nav.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,14 +13,14 @@ function websdkready() {
console.log("checkSystemRequirements");
// console.log(JSON.stringify(ZoomMtgEmbedded.checkSystemRequirements()));

var SDK_KEY = "YOUR_SDK_KEY";
var CLIENT_ID = "YOUR_CLIENT_ID_OR_SDK_KEY";

/**
* NEVER PUT YOUR ACTUAL API SECRET IN CLIENT SIDE CODE, THIS IS JUST FOR QUICK PROTOTYPING
* NEVER PUT YOUR ACTUAL SDK SECRET OR CLIENT SECRET IN CLIENT SIDE CODE, THIS IS JUST FOR QUICK PROTOTYPING
* The below generateSignature should be done server side as not to expose your api secret in public
* You can find an eaxmple in here: https://marketplace.zoom.us/docs/sdk/native-sdks/web/signature
*/
var SDK_SECRET = "YOUR_SDK_SECRET";
var CLIENT_SECRET = "YOUR_CLIENT_SECRET_OR_SDK_SECRET";
// some help code, remember mn, pwd, lang to cookie, and autofill.
document.getElementById("display_name").value =
testTool.detectOS() +
Expand Down Expand Up @@ -97,13 +97,13 @@ function websdkready() {
// generateSDKSignature define in token-tool.js
var signature = generateSDKSignature({
meetingNumber: meetingConfig.mn,
sdkKey: SDK_KEY,
sdkSecret: SDK_SECRET,
sdkKey: CLIENT_ID,
sdkSecret: CLIENT_SECRET,
role: meetingConfig.role,
success: function (res) {
console.log(res);
meetingConfig.signature = res;
meetingConfig.sdkKey = SDK_KEY;
meetingConfig.sdkKey = CLIENT_ID;
if (document.getElementById('demoType').value === 'cdn') {
var joinUrl = "/cdn.html?" + testTool.serialize(meetingConfig);
console.log(joinUrl);
Expand Down Expand Up @@ -135,13 +135,13 @@ function websdkready() {
}
var signature = generateSDKSignature({
meetingNumber: meetingConfig.mn,
sdkKey: SDK_KEY,
sdkSecret: SDK_SECRET,
sdkKey: CLIENT_ID,
sdkSecret: CLIENT_SECRET,
role: meetingConfig.role,
success: function (res) {
console.log(res);
meetingConfig.signature = res;
meetingConfig.sdkKey = SDK_KEY;
meetingConfig.sdkKey = CLIENT_ID;
if (document.getElementById('demoType').value === 'cdn') {
var joinUrl =
testTool.getCurrentDomain() +
Expand Down
18 changes: 9 additions & 9 deletions Local/js/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,13 +10,13 @@ console.log(JSON.stringify(ZoomMtg.checkSystemRequirements()));
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();

const SDK_KEY = "YOUR_SDK_KEY";
const CLIENT_ID = "YOUR_CLIENT_ID_OR_SDK_KEY";
/**
* NEVER PUT YOUR ACTUAL SDK SECRET IN CLIENT SIDE CODE, THIS IS JUST FOR QUICK PROTOTYPING
* NEVER PUT YOUR ACTUAL SDK SECRET OR CLIENT SECRET IN CLIENT SIDE CODE, THIS IS JUST FOR QUICK PROTOTYPING
* The below generateSignature should be done server side as not to expose your sdk secret in public
* You can find an eaxmple in here: https://marketplace.zoom.us/docs/sdk/native-sdks/Web-Client-SDK/tutorial/generate-signature
*/
const SDK_SECRET = "YOUR_SDK_SECRET";
const CLIENT_SECRET = "YOUR_CLIENT_SECRET_OR_SDK_SECRET";

testTool = window.testTool;
document.getElementById("display_name").value =
Expand Down Expand Up @@ -89,13 +89,13 @@ document.getElementById("join_meeting").addEventListener("click", (e) => {

const signature = ZoomMtg.generateSDKSignature({
meetingNumber: meetingConfig.mn,
sdkKey: SDK_KEY,
sdkSecret: SDK_SECRET,
sdkKey: CLIENT_ID,
sdkSecret: CLIENT_SECRET,
role: meetingConfig.role,
success: function (res) {
console.log(res.result);
meetingConfig.signature = res.result;
meetingConfig.sdkKey = SDK_KEY;
meetingConfig.sdkKey = CLIENT_ID;
const joinUrl = "/meeting.html?" + testTool.serialize(meetingConfig);
console.log(joinUrl);
window.open(joinUrl, "_blank");
Expand All @@ -121,13 +121,13 @@ window.copyJoinLink = function (element) {
}
const signature = ZoomMtg.generateSDKSignature({
meetingNumber: meetingConfig.mn,
sdkKey: SDK_KEY,
sdkSecret: SDK_SECRET,
sdkKey: CLIENT_ID,
sdkSecret: CLIENT_SECRET,
role: meetingConfig.role,
success: function (res) {
console.log(res.result);
meetingConfig.signature = res.result;
meetingConfig.sdkKey = SDK_KEY;
meetingConfig.sdkKey = CLIENT_ID;
const joinUrl =
testTool.getCurrentDomain() +
"/meeting.html?" +
Expand Down
8 changes: 4 additions & 4 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,14 +28,14 @@ To get started, clone the repo:

| Key | Value Description |
| -----------------------|-------------|
| `SDK_KEY` | Your SDK Key. Required. |
| `SDK_SECRET` | Your SDK Secret. Required. |
| `CLIENT_ID` | Your Client ID or SDK Key. Required. |
| `CLIENT_SECRET` | Your Client Secret or SDK Secret. Required. |

Example:

```js
var SDK_KEY = "YOUR_SDK_KEY"
var SDK_SECRET = "YOUR_SDK_SECRET"
var CLIENT_ID = "YOUR_CLIENT_ID_OR_SDK_KEY"
var CLIENT_SECRET = "YOUR_CLIENT_SECRET_OR_SDK_SECRET"
```

> Reminder to not publish this sample app as is. Replace the frontend signature generator with a [backend signature generator](https://marketplace.zoom.us/docs/sdk/native-sdks/auth#generate-the-sdk-jwt) to keep your SDK Secret safe.
Expand Down

0 comments on commit 519e79b

Please sign in to comment.