This repository contains an Advanced Zoom Apps Sample. It should serve as a starting point for you to build and test your own Zoom App in development.
License: MIT License
The app is installed in zoom client after the failure but gets the same error when opened. this is on Windows 11. Docker running in WSL 2.
message in the log is below
2c. Save the tokens in the store so we can look them up when the Zoom App is opened
2023-04-08 16:59:59 zoomapps-advancedsample-react-backend-1 | GET /api/zoomapp/auth?code=tlUqPQn5YMmSBowi3bXT-WWXJ4fKcHH7Q&state=cFTjqJikctPmoMRS6MKfZoVtHatF8jUMni7CesE%2FBbU%3D.651db82b3659125f7de8e3a3fb5b0130b31ec0f265318d4599be890fd9b7a6442f20c382971e7eeffa310d49ea4e8bab705b7a5ee1e79fc2a04854f0fa35dff7 500 703.321 ms - 777
2023-04-08 16:59:59 zoomapps-advancedsample-react-backend-1 | RangeError: Invalid key length
2023-04-08 16:59:59 zoomapps-advancedsample-react-backend-1 | at Cipheriv.createCipherBase (node:internal/crypto/cipher:116:19)
2023-04-08 16:59:59 zoomapps-advancedsample-react-backend-1 | at Cipheriv.createCipherWithIV (node:internal/crypto/cipher:135:3)
2023-04-08 16:59:59 zoomapps-advancedsample-react-backend-1 | at new Cipheriv (node:internal/crypto/cipher:243:3)
2023-04-08 16:59:59 zoomapps-advancedsample-react-backend-1 | at Object.createCipheriv (node:crypto:138:10)
2023-04-08 16:59:59 zoomapps-advancedsample-react-backend-1 | at Object.afterSerialization (/home/node/app/util/encrypt.js:6:24)
2023-04-08 16:59:59 zoomapps-advancedsample-react-backend-1 | at Object.upsertUser (/home/node/app/util/store.js:49:15)
2023-04-08 16:59:59 zoomapps-advancedsample-react-backend-1 | at auth (/home/node/app/api/zoomapp/controller.js:218:19)
2023-04-08 16:59:59 zoomapps-advancedsample-react-backend-1 | at processTicksAndRejections (node:internal/process/task_queues:96:5)
I cloned this branch and did all the things as described in readme file
but when I am trying to install the app nothing is opening into the app inside zoom client and in the backend logs it's showing 304
with the same URL I am trying in browser it's responding with 200 but we can't use that sdk in external browser
package-lock.json seems to resolve to https://artifacts.corp.zoom.us/artifactory private repository, and I could not install the packages without first deleting the package-lock.json files, is this intended?
#0 303.0 npm ERR! FetchError: request to https://artifacts.corp.zoom.us/artifactory/api/npm/zoom-npm-virtual/yallist/-/yallist-4.0.0.tgz failed, reason: connect ECONNREFUSED 10.20.12.20:443
[+] Building 304.6s (13/19)
=> [zoomapps-advancedsample-react-frontend internal] load build definition from Dockerfile 0.0s
=> => transferring dockerfile: 32B 0.0s
=> [zoomapps-advancedsample-react-backend internal] load build definition from Dockerfile 0.0s
=> => transferring dockerfile: 32B 0.0s
=> [zoomapps-advancedsample-react-frontend internal] load .dockerignore 0.0s
=> => transferring context: 34B 0.0s
=> [zoomapps-advancedsample-react-backend internal] load .dockerignore 0.0s
=> => transferring context: 34B 0.0s
=> [zoomapps-advancedsample-react-frontend internal] load metadata for docker.io/library/node: 1.1s
=> [zoomapps-advancedsample-react-frontend 1/7] FROM docker.io/library/node:16@sha256:8ef06c51 0.0s
=> [zoomapps-advancedsample-react-frontend internal] load build context 0.0s
=> => transferring context: 1.40kB 0.0s
=> [zoomapps-advancedsample-react-backend internal] load build context 0.0s
=> => transferring context: 1.13kB 0.0s
=> CACHED [zoomapps-advancedsample-react-frontend 2/7] WORKDIR /home/node/app 0.0s
=> CACHED [zoomapps-advancedsample-react-backend 3/7] COPY package*.json ./ 0.0s
=> ERROR [zoomapps-advancedsample-react-backend 4/7] RUN npm install 303.1s
=> CACHED [zoomapps-advancedsample-react-frontend 3/7] COPY package*.json ./ 0.0s
=> CANCELED [zoomapps-advancedsample-react-frontend 4/7] RUN npm install 303.2s
------
> [zoomapps-advancedsample-react-backend 4/7] RUN npm install:
#0 303.0 npm notice
#0 303.0 npm notice New major version of npm available! 8.19.3 -> 9.6.1
#0 303.0 npm notice Changelog: <https://github.com/npm/cli/releases/tag/v9.6.1>
#0 303.0 npm notice Run `npm install -g [email protected]` to update!
#0 303.0 npm notice
#0 303.0 npm ERR! code ECONNREFUSED
#0 303.0 npm ERR! syscall connect
#0 303.0 npm ERR! errno ECONNREFUSED
#0 303.0 npm ERR! FetchError: request to https://artifacts.corp.zoom.us/artifactory/api/npm/zoom-npm-virtual/yallist/-/yallist-4.0.0.tgz failed, reason: connect ECONNREFUSED 10.20.12.20:443
#0 303.0 npm ERR! at ClientRequest.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/minipass-fetch/lib/index.js:130:14)
#0 303.0 npm ERR! at ClientRequest.emit (node:events:513:28)
#0 303.0 npm ERR! at TLSSocket.socketErrorListener (node:_http_client:494:9)
#0 303.0 npm ERR! at TLSSocket.emit (node:events:525:35)
#0 303.0 npm ERR! at emitErrorNT (node:internal/streams/destroy:157:8)
#0 303.0 npm ERR! at emitErrorCloseNT (node:internal/streams/destroy:122:3)
#0 303.0 npm ERR! at processTicksAndRejections (node:internal/process/task_queues:83:21)
#0 303.0 npm ERR! FetchError: request to https://artifacts.corp.zoom.us/artifactory/api/npm/zoom-npm-virtual/yallist/-/yallist-4.0.0.tgz failed, reason: connect ECONNREFUSED 10.20.12.20:443
#0 303.0 npm ERR! at ClientRequest.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/minipass-fetch/lib/index.js:130:14)
#0 303.0 npm ERR! at ClientRequest.emit (node:events:513:28)
#0 303.0 npm ERR! at TLSSocket.socketErrorListener (node:_http_client:494:9)
#0 303.0 npm ERR! at TLSSocket.emit (node:events:525:35)
#0 303.0 npm ERR! at emitErrorNT (node:internal/streams/destroy:157:8)
#0 303.0 npm ERR! at emitErrorCloseNT (node:internal/streams/destroy:122:3)
#0 303.0 npm ERR! at processTicksAndRejections (node:internal/process/task_queues:83:21) {
#0 303.0 npm ERR! code: 'ECONNREFUSED',
#0 303.0 npm ERR! errno: 'ECONNREFUSED',
#0 303.0 npm ERR! syscall: 'connect',
#0 303.0 npm ERR! address: '10.20.12.20',
#0 303.0 npm ERR! port: 443,
#0 303.0 npm ERR! type: 'system'
#0 303.0 npm ERR! }
#0 303.0 npm ERR!
#0 303.0 npm ERR! If you are behind a proxy, please make sure that the
#0 303.0 npm ERR! 'proxy' config is set properly. See: 'npm help config'
#0 303.0
#0 303.0 npm ERR! A complete log of this run can be found in:
#0 303.0 npm ERR! /root/.npm/_logs/2023-03-14T15_48_41_978Z-debug-0.log
------
failed to solve: executor failed running [/bin/sh -c npm install]: exit code: 1
Hello,
I'm using this sample app and am having some trouble with installing new packages. For example if I
npm install @zoom/appssdk (just using zoomSdk as an example here, I understand it's already imported in index.html)import zoomSdk from "@zoom/appssdk"I get this error:
Cannot find module '@zoom/appssdk'
webpackMissingModule@https://1478-71-218-251-54.ngrok-free.app/api/zoomapp/proxy/static/js/bundle.js:21:59
./src/App.js@https://1478-71-218-251-54.ngrok-free.app/api/zoomapp/proxy/static/js/bundle.js:21:143
@https://1478-71-218-251-54.ngrok-free.app/api/zoomapp/proxy/static/js/bundle.js:49017:35
__webpack_require__@https://1478-71-218-251-54.ngrok-free.app/api/zoomapp/proxy/static/js/bundle.js:48453:37
fn@https://1478-71-218-251-54.ngrok-free.app/api/zoomapp/proxy/static/js/bundle.js:48674:28
./src/index.js@https://1478-71-218-251-54.ngrok-free.app/api/zoomapp/proxy/static/js/bundle.js:1600:81
@https://1478-71-218-251-54.ngrok-free.app/api/zoomapp/proxy/static/js/bundle.js:49017:35
__webpack_require__@https://1478-71-218-251-54.ngrok-free.app/api/zoomapp/proxy/static/js/bundle.js:48453:37
@https://1478-71-218-251-54.ngrok-free.app/api/zoomapp/proxy/static/js/bundle.js:49663:56
global code@https://1478-71-218-251-54.ngrok-free.app/api/zoomapp/proxy/static/js/bundle.js:49665:12
This seems to be an issue with the default webpack configuration for the project, but just wondering if anyone has gotten around this before?
You need to generate new `REDIS_ENCRYPTION_KEY` and put it in .env as the one provided in .env.example is incorrect.
$ openssl rand -hex 16
Originally posted by @focalsolution in #5 (comment)
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.