Login with Zoom
To enable Zoom Auth for your project, you need to set up a Zoom OAuth application and add the application credentials to your Supabase Dashboard.
Overview#
Setting up Zoom logins for your application consists of 3 parts:
- Create and configure a Zoom OAuth App on Zoom App Marketplace
- Add your Zoom OAuth keys to your Supabase Project
- Add the login code to your Supabase JS Client App
Access your Zoom Developer account#
- Go to marketplace.zoom.us.
- Click on
Sign In
at the top right to log in.
Find your callback URL#
The next step requires a callback URL, which looks like this: https://<project-ref>.supabase.co/auth/v1/callback
- Go to your Supabase Project Dashboard
- Click on the
Authentication
icon in the left sidebar - Click on
Providers
under the Configuration section - Click on Zoom from the accordion list to expand and you'll find your Redirect URL, you can click
Copy
to copy it to the clipboard
Create a Zoom Oauth App#
- Go to marketplace.zoom.us.
- Click on
Sign In
at the top right to log in. - Click
Build App
(from the dropdown Develop) - In the OAuth card, click
Create
- Type the name of your app
- Choose app type
- Click
Create
Under App credentials
- Copy and save your
Client ID
. - Copy and save your
Client secret
. - Add your
Callback URL
in the OAuth allow list.
Under Redirect URL for OAuth
- Paste your
Callback URL
Under Scopes
- Click on
Add scopes
- Click on
User
- Choose
user:read
- Click
Done
- Click
Continue
Enter your Zoom credentials into your Supabase Project#
- Go to your Supabase Project Dashboard
- In the left sidebar, click the
Authentication
icon (near the top) - Click on
Providers
under the Configuration section - Click on Zoom from the accordion list to expand and turn Zoom Enabled to ON
- Enter your Zoom Client ID and Zoom Client Secret saved in the previous step
- Click
Save
Add login code to your client app#
When your user signs in, call signInWithOAuth() with zoom
as the provider
:
_10async function signInWithZoom() {_10 const { data, error } = await supabase.auth.signInWithOAuth({_10 provider: 'zoom',_10 })_10}
When your user signs out, call signOut() to remove them from the browser session and any objects from localStorage:
_10async function signOut() {_10 const { error } = await supabase.auth.signOut()_10}