updating to 2.10.0

zoom · Feb 28, 2023 · c92d971 · c92d971
1 parent 71bdb3e
commit c92d971
Show file tree

Hide file tree

Showing 6 changed files with 52 additions and 44 deletions.
diff --git 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
@@ -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
@@ -8,8 +8,8 @@
     <title><%= htmlWebpackPlugin.options.title %></title>
 
     <!-- For Client View -->
-    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.9.7/css/bootstrap.css" />
-    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.9.7/css/react-select.css" />
+    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.10.0/css/bootstrap.css" />
+    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.10.0/css/react-select.css" />
 
     <!-- Origin Trials to enable Gallery View in Chrome/Edge -->
     <!-- More Info: https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation -->

diff --git 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
@@ -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
@@ -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"