chore: organize auth images

This commit is contained in:
Isaiah Hamilton committed 2022-01-16 20:53:34 -05:00
1 parent e8eb81e548
commit ecaeda1a66
31 files changed
+20 -20

No files matched your search

+1 -1
View File
@@ -27,7 +27,7 @@ Apple OAuth consists of six broad steps:
- Go to [developer.apple.com](https://developer.apple.com).
- Click on `Account` at the top right to log in.
![Apple Developer Portal.](/img/guides/apple-developer-portal.png)
![Apple Developer Portal.](/img/guides/auth-apple/apple-developer-portal.png)
### Obtain an App ID
+3 -3
View File
@@ -34,7 +34,7 @@ Azure OAuth consists of six broad steps:
- The redirect / callback URI should look like this: `https://<project-ref>.supabase.co/auth/v1/callback`
- Click "Register" at the bottom of the form.
![Register an application.](/img/guides/azure-register-app.png)
![Register an application.](/img/guides/auth-azure/azure-register-app.png)
### Obtain a Client ID
@@ -42,7 +42,7 @@ This will serve as the `client_id` when you make API calls to authenticate the u
- Once your app has been registered, the client id can be found under the [list of app registrations](https://portal.azure.com/#blade/Microsoft_AAD_IAM/ActiveDirectoryMenuBlade/RegisteredApps) under the column titled "Application (client) ID".
![Obtain the client id](/img/guides/azure-client-id.png)
![Obtain the client id](/img/guides/auth-azure/azure-client-id.png)
### Obtain a Secret ID
@@ -54,7 +54,7 @@ This will serve as the `client_secret` when you make API calls to authenticate t
- Enter a description and choose your preferred expiry for the secret.
- Once the secret is generated, save the value (not the secret ID).
![Obtain the client secret](/img/guides/azure-client-secret.png)
![Obtain the client secret](/img/guides/auth-azure/azure-client-secret.png)
### Add login code to your client app
+1 -1
View File
@@ -24,7 +24,7 @@ Setting up Bitbucket logins for your application consists of 3 parts:
- Go to [bitbucket.org](https://bitbucket.org/).
- Click on `Login` at the top right to log in.
![Bitbucket Developer Portal.](/img/guides/bitbucket-portal.png)
![Bitbucket Developer Portal.](/img/guides/auth-bitbucket/bitbucket-portal.png)
### Find your callback URL
+2 -2
View File
@@ -24,11 +24,11 @@ Setting up Discord logins for your application consists of 3 parts:
- Go to [discord.com](https://discord.com/).
- Click on `Login` at the top right to log in.
![Discord Portal.](/img/guides/discord-portal.png)
![Discord Portal.](/img/guides/auth-discord/discord-portal.png)
- Once logged in, go to [discord.com/developers](https://discord.com/developers).
![Discord Portal.](/img/guides/discord-developer-portal.png)
![Discord Portal.](/img/guides/auth-discord/discord-developer-portal.png)
### Find your callback URL
+1 -1
View File
@@ -24,7 +24,7 @@ Setting up Facebook logins for your application consists of 3 parts:
- Go to [developers.facebook.com](https://developers.facebook.com).
- Click on `Log In` at the top right to log in.
![Facebook Developer Portal.](/img/guides/facebook-portal.png)
![Facebook Developer Portal.](/img/guides/auth-facebook/facebook-portal.png)
### Create a Facebook App
+1 -1
View File
@@ -24,7 +24,7 @@ Setting up GitHub logins for your application consists of 3 parts:
- Go to [github.com](https://github.com).
- Click on `Sign In` at the top right to log in.
![GitHub Developer Portal.](/img/guides/github-portal.png)
![GitHub Developer Portal.](/img/guides/auth-github/github-portal.png)
### Create a GitHub Oauth App
+1 -1
View File
@@ -24,7 +24,7 @@ Setting up GitLab logins for your application consists of 3 parts:
- Go to [gitlab.com](https://gitlab.com).
- Click on `Login` at the top right to log in.
![GitLab Developer Portal.](/img/guides/gitlab-portal.png)
![GitLab Developer Portal.](/img/guides/auth-gitlab/gitlab-portal.png)
### Find your callback URL
+1 -1
View File
@@ -24,7 +24,7 @@ Setting up Google logins for your application consists of 3 parts:
- Go to [cloud.google.com](https://cloud.google.com).
- Click on `Sign in` at the top right to log in.
![Google Developer Portal.](/img/guides/google-portal.png)
![Google Developer Portal.](/img/guides/auth-google/google-portal.png)
### Create a Google Cloud Platform Project
+1 -1
View File
@@ -24,7 +24,7 @@ Setting up Slack logins for your application consists of 3 parts:
- Go to [api.slack.com](https://api.slack.com/apps).
- Click on `Your Apps` at the top right to log in.
![Slack Developer Portal.](/img/guides/slack-portal.png)
![Slack Developer Portal.](/img/guides/auth-slack/slack-portal.png)
### Find your callback URL
+1 -1
View File
@@ -24,7 +24,7 @@ Setting up Spotify logins for your application consists of 3 parts:
- Log into [Spotify](https://spotify.com)
- Access the [Spotify Developer Dashboard](https://developer.spotify.com/dashboard)
![Spotify Developer Portal.](/img/guides/spotify-portal.png)
![Spotify Developer Portal.](/img/guides/auth-spotify/spotify-portal.png)
### Find your callback URL
+6 -6
View File
@@ -25,11 +25,11 @@ Setting up Twitch logins for your application consists of 3 parts:
- Click on `Log in with Twitch` at the top right to log in.
- If you have not already enabled 2-Factor Authentication for your Twitch Account, you will need to do that at [Twitch Security Settings](https://www.twitch.tv/settings/security) before you can continue.
![Twitch Developer Page](/img/guides/twitch-developer-page.png)
![Twitch Developer Page](/img/guides/auth-twitch/twitch-developer-page.png)
- Once logged in, go to the [Twitch Developer Console](https://dev.twitch.tv/console).
![Twitch Developer Console](/img/guides/twitch-console.png)
![Twitch Developer Console](/img/guides/auth-twitch/twitch-console.png)
### Find your callback URL
@@ -49,11 +49,11 @@ In the next step you require a callback URL, which looks like this:
### Create a Twitch Application
![Twitch Developer Console](/img/guides/twitch-console.png)
![Twitch Developer Console](/img/guides/auth-twitch/twitch-console.png)
- Click on `+ Register Your Application` at the top right.
![Register Application](/img/guides/twitch-register-your-application.png)
![Register Application](/img/guides/auth-twitch/twitch-register-your-application.png)
- Enter the name of your application.
- Type or paste your `OAuth Redirect URL` (the callback URL from the previous step.)
@@ -64,13 +64,13 @@ In the next step you require a callback URL, which looks like this:
- Click `Manage` at the right of your application entry in the list.
![Twitch Applications List](/img/guides/twitch-applications-list.png)
![Twitch Applications List](/img/guides/auth-twitch/twitch-applications-list.png)
- Copy your Client ID.
- Click `New Secret` to create a new Client Secret.
- Copy your Client Secret.
![Get Client ID and Secret](/img/guides/twitch-get-keys.png)
![Get Client ID and Secret](/img/guides/auth-twitch/twitch-get-keys.png)
### Add your Twitch credentials into your Supabase Project
+1 -1
View File
@@ -24,7 +24,7 @@ Setting up Twitter logins for your application consists of 3 parts:
- Go to [developer.twitter.com](https://developer.twitter.com).
- Click on `Sign in` at the top right to log in.
![Twitter Developer Portal.](/img/guides/twitter-portal.png)
![Twitter Developer Portal.](/img/guides/auth-twitter/twitter-portal.png)
### Find your callback URL