From c92d971d0a51261ef82e905c7823cb9d1ecdc6e2 Mon Sep 17 00:00:00 2001 From: tommygaessler Date: Tue, 28 Feb 2023 12:43:44 -0700 Subject: [PATCH] updating to 2.10.0 --- README.md | 36 +++++++++++++++++--------------- package.json | 4 ++-- public/index.html | 4 ++-- src/components/HelloWorld.vue | 23 +++++++++++--------- src/components/HelloWorldNew.vue | 21 +++++++++++-------- yarn.lock | 8 +++---- 6 files changed, 52 insertions(+), 44 deletions(-) diff --git a/README.md b/README.md index 7324a8b..80effc9 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ Use of this sample app is subject to our [Terms of Use](https://zoom.us/docs/en- --- -**NOTE:** This Sample App has been updated to use [SDK App](https://marketplace.zoom.us/docs/guides/build/sdk-app) type credentials instead of [JWT App](https://marketplace.zoom.us/docs/guides/build/jwt-app) type credentials. +**NOTE:** This sample app has been updated to use [Meeting SDK app type](https://marketplace.zoom.us/docs/guides/build/sdk-app) credentials instead of [JWT app type](https://marketplace.zoom.us/docs/guides/build/jwt-app) type credentials. --- @@ -38,28 +38,30 @@ To get started, clone the repo: | Variable | Description | | -----------------------|-------------| - | signatureEndpoint | Required, the endpoint url that returns a signature. [Get a signature endpoint here.](https://github.com/zoom/meetingsdk-sample-signature-node.js) | - | sdkKey | Required, your Zoom SDK App Key. [You can get yours here](https://marketplace.zoom.us/develop/create). | - | meetingNumber | The Zoom Meeting / webinar number. | - | role | Required, 0 to join the meeting / webinar, 1 to start the meeting. | - | leaveUrl | Required, the url the user is taken to once the meeting is over. | + | authEndpoint | Required, your Meeting SDK auth endpoint that secuerly generates a Meeting SDK JWT. [Get a Meeting SDK auth endpoint here.](https://github.com/zoom/meetingsdk-sample-signature-node.js) | + | sdkKey | Required, your Zoom Meeting SDK Key or Client ID for Meeting SDK app type's created after February 11, 2023. [You can get yours here](https://marketplace.zoom.us/develop/create). | + | meetingNumber | Required, the Zoom Meeting or webinar number. | + | passWord | Optional, meeting password. Leave as empty string if the meeting does not require a password. | + | role | Required, `0` to specify participant, `1` to specify host. | | userName | Required, a name for the user joining / starting the meeting / webinar. | | userEmail | Required for Webinar, optional for Meeting, required for meeting and webinar if [registration is required]([registration](https://support.zoom.us/hc/en-us/articles/360054446052-Managing-meeting-and-webinar-registration)). The email of the user starting or joining the meeting / webinar. | - | passWord | Optional, meeting password. Leave as empty string if the meeting does not require a password. | | registrantToken | Required if your [meeting](https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/meetings#join-registered) or [webinar](https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/webinars) requires [registration](https://support.zoom.us/hc/en-us/articles/360054446052-Managing-meeting-and-webinar-registration). | + | zakToken | Required to start meetings or webinars on external Zoom user's behalf, the [authorized Zoom user's ZAK token](https://marketplace.zoom.us/docs/sdk/native-sdks/auth/). | + | leaveUrl | Required for Client View, the url the user is taken to once the meeting is over. | Example: ```js - signatureEndpoint = 'http://localhost:4000' - sdkKey = 'abc123' - meetingNumber = '123456789' - role = 0 - leaveUrl = 'http://localhost:8080' - userName = 'Vue.js' - userEmail = '' - passWord = '' - registrantToken = '' + authEndpoint: "http://localhost:4000", + sdkKey: "abc123", + meetingNumber: "123456789", + passWord: "", + role: 0, + userName: "Vue.js", + userEmail: "", + registrantToken: "", + zakToken: "", + leaveUrl: "http://localhost:8080" ``` 1. Save `HelloWorld.vue`. @@ -78,7 +80,7 @@ To get started, clone the repo: ### Component View - ![Zoom Meeting SDK Component View](https://marketplace.zoom.us/docs/static/msdk-web-component-view-220cc5d1221312f8363cdb58405c0c23.gif) + ![Zoom Meeting SDK Component View](https://marketplace.zoom.us/docs/static/msdk-web-component-view-64311bbbf32eaddfc2f3fac6e89928df.gif) Learn more about [Gallery View requirements](https://marketplace.zoom.us/docs/sdk/overview/improve-performance) and [see more product screenshots](https://marketplace.zoom.us/docs/sdk/overview/improve-performance#sharedarraybuffer-ui-differences). diff --git a/package.json b/package.json index 096bd65..6bbfa16 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "meetingsdk-sample-vuejs", - "version": "2.9.7", + "version": "2.10.0", "private": true, "author": "Zoom Video Communications, Inc.", "contributors": [ @@ -17,7 +17,7 @@ "lint": "vue-cli-service lint" }, "dependencies": { - "@zoomus/websdk": "^2.9.7", + "@zoomus/websdk": "^2.10.0", "axios": "^0.21.2", "core-js": "^3.6.5", "is-svg": "^4.2.2", diff --git a/public/index.html b/public/index.html index 974740d..2690eea 100644 --- a/public/index.html +++ b/public/index.html @@ -8,8 +8,8 @@ <%= htmlWebpackPlugin.options.title %> - - + + diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue index 7eaa882..b1f1634 100644 --- a/src/components/HelloWorld.vue +++ b/src/components/HelloWorld.vue @@ -12,7 +12,7 @@ import { ZoomMtg } from '@zoomus/websdk'; export default { name: 'HelloWorld', created () { - ZoomMtg.setZoomJSLib('https://source.zoom.us/2.9.7/lib', '/av'); + ZoomMtg.setZoomJSLib('https://source.zoom.us/2.10.0/lib', '/av'); ZoomMtg.preLoadWasm(); ZoomMtg.prepareWebSDK(); // loads language files, also passes any error messages to the ui @@ -26,24 +26,26 @@ export default { }, data () { return { - // This Sample App has been updated to use SDK App type credentials https://marketplace.zoom.us/docs/guides/build/sdk-app + // setup your Meeting SDK auth endpoint here: https://github.com/zoom/meetingsdk-sample-signature-node.js + authEndpoint: "", + // This sample app has been updated to use Meeting SDK credentials https://marketplace.zoom.us/docs/guides/build/sdk-app sdkKey: "", - leaveUrl: "http://localhost:8080", meetingNumber: "123456789", passWord: "", role: 0, - signatureEndpoint: "", - userEmail: "", userName: "Vue.js", + userEmail: "", + leaveUrl: "http://localhost:8080", // pass in the registrant's token if your meeting or webinar requires registration. More info here: // Meetings: https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/meetings#join-registered // Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/webinars#join-registered - registrantToken: '' + registrantToken: '', + zakToken: '' } }, methods: { getSignature() { - axios.post(this.signatureEndpoint, { + axios.post(this.authEndpoint, { meetingNumber: this.meetingNumber, role: this.role }) @@ -63,13 +65,14 @@ export default { success: (success) => { console.log(success); ZoomMtg.join({ - meetingNumber: this.meetingNumber, - userName: this.userName, signature: signature, sdkKey: this.sdkKey, - userEmail: this.userEmail, + meetingNumber: this.meetingNumber, passWord: this.passWord, + userName: this.userName, + userEmail: this.userEmail, tk: this.registrantToken, + zak: this.zakToken, success: (success) => { console.log(success); }, diff --git a/src/components/HelloWorldNew.vue b/src/components/HelloWorldNew.vue index 509600c..4a6b430 100644 --- a/src/components/HelloWorldNew.vue +++ b/src/components/HelloWorldNew.vue @@ -22,23 +22,25 @@ export default { data () { return { client: ZoomMtgEmbedded.createClient(), - // This Sample App has been updated to use SDK App type credentials https://marketplace.zoom.us/docs/guides/build/sdk-app + // setup your Meeting SDK auth endpoint here: https://github.com/zoom/meetingsdk-sample-signature-node.js + authEndpoint: "", + // This sample app has been updated to use Meeting SDK credentials https://marketplace.zoom.us/docs/guides/build/sdk-app sdkKey: "", meetingNumber: "123456789", passWord: "", role: 0, - signatureEndpoint: "", - userEmail: "", userName: "Vue.js", + userEmail: "", // pass in the registrant's token if your meeting or webinar requires registration. More info here: - // Meetings: https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/meetings#join-registered - // Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/webinars#join-registered - registrantToken: '' + // Meetings: https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/meetings#join-registered + // Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/webinars#join-registered + registrantToken: '', + zakToken: '' } }, methods: { getSignature() { - axios.post(this.signatureEndpoint, { + axios.post(this.authEndpoint, { meetingNumber: this.meetingNumber, role: this.role }) @@ -74,13 +76,14 @@ export default { }); this.client.join({ - sdkKey: this.sdkKey, signature: signature, + sdkKey: this.sdkKey, meetingNumber: this.meetingNumber, password: this.passWord, userName: this.userName, userEmail: this.userEmail, - tk: this.registrantToken + tk: this.registrantToken, + zak: this.zakToken }) } } diff --git a/yarn.lock b/yarn.lock index 19f1b8c..fb5a499 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1605,10 +1605,10 @@ resolved "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz" integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ== -"@zoomus/websdk@^2.9.7": - version "2.9.7" - resolved "https://registry.yarnpkg.com/@zoomus/websdk/-/websdk-2.9.7.tgz#4030b46935a3dbd7a6d424d209e5174bea402acb" - integrity sha512-qD6niFrAXyDX0r8NjfxpoVLmTtkszq1LGMvd0+4q7gBOVylxW9putiVVi3adnHKW4YWljMrLWCGXYZUrT7NQRA== +"@zoomus/websdk@^2.10.0": + version "2.10.0" + resolved "https://registry.yarnpkg.com/@zoomus/websdk/-/websdk-2.10.0.tgz#c8855adaf0f472062b7948b576d43255c14b892a" + integrity sha512-DMqfm3DBaTwTI3JKi3fd3Hd0GRYiVy2aU3l6Spb1wdf3m7Bpqpsn2M/1QCxOARLWi25YaotLatH9IijhF0Avew== dependencies: lodash "^4.17.21" react "16.13.0"