Zoom Meeting SDK Vue.js Sample

https://github.com/zoom/meetingsdk-vuejs-sample

Admin

A Vue.js sample application that utilizes the Zoom Meeting SDK to enable starting and joining Zoom...

Tokens:1,985

Snippets:6

Trust Score:8.2

Update:1 year ago

Show doc for...

Tokens:

Raw

### Project Setup Commands

Source: https://github.com/zoom/meetingsdk-vuejs-sample/blob/master/README.md

These bash commands outline the steps to set up the Zoom Meeting SDK Vue.js sample project. It includes cloning the repository, navigating into the project directory, and installing project dependencies.

```bash
$ git clone https://github.com/zoom/meetingsdk-vuejs-sample.git
$ cd meetingsdk-vuejs-sample
$ npm install
```

--------------------------------

### Running the Development Server

Source: https://github.com/zoom/meetingsdk-vuejs-sample/blob/master/README.md

This command starts the development server for the Vue.js sample application, allowing you to preview changes locally.

```bash
$ npm run dev
```

--------------------------------

### Build and Deploy Project

Source: https://github.com/zoom/meetingsdk-vuejs-sample/blob/master/README.md

Commands to build the Vue.js project for production and deploy it to GitHub Pages.

```bash
npm run build

git add -A
git commit -m "deploying to github"
git push origin master
```

--------------------------------

### Configure Vite for GitHub Pages

Source: https://github.com/zoom/meetingsdk-vuejs-sample/blob/master/README.md

Modifies the vite.config.js file to set the correct base path for deployment on GitHub Pages.

```javascript
export default {
  base: '/GITHUB_REPO_NAME/',
  // ... other configurations
}
```

--------------------------------

### Add Git Remote

Source: https://github.com/zoom/meetingsdk-vuejs-sample/blob/master/README.md

Adds the remote origin to your project's Git repository, pointing to your GitHub repository.

```bash
git remote add origin GITHUB_URL/GITHUB_USERNAME/GITHUB_REPO_NAME.git
```

--------------------------------

### Zoom Meeting SDK Configuration Variables

Source: https://github.com/zoom/meetingsdk-vuejs-sample/blob/master/README.md

This snippet shows the required and optional variables for configuring the Zoom Meeting SDK in a Vue.js application. It includes details on authentication endpoint, meeting number, password, user role, name, email, registrant token, ZAK token, and leave URL.

```javascript
var authEndpoint = 'http://localhost:4000'
var meetingNumber = '123456789'
var passWord = ''
var role = 0
var userName = 'Vue.js'
var userEmail = ''
var registrantToken = ''
var zakToken = ''
var leaveUrl = 'http://localhost:5173'
```

Tokens:

Raw