Skip to content

Commit 0168ba5

Browse files
committed
docs review pt2
1 parent e2a0ddb commit 0168ba5

File tree

5 files changed

+40
-38
lines changed

5 files changed

+40
-38
lines changed
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
1. In the Clerk Dashboard, navigate to the [**SSO connections**](https://dashboard.clerk.com/~/user-authentication/sso-connections) page.
2+
1. Select **Add connection** and select **For all users**.
3+
1. In the **Choose provider** dropdown, select **Google**.
4+
1. Ensure that both **Enable for sign-up and sign-in** and **Use custom credentials** are toggled on.
5+
1. Save the **Authorized Redirect URI** somewhere secure. Keep this modal and page open.

docs/guides/configure/auth-strategies/sign-in-with-google.expo.mdx

Lines changed: 25 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -15,24 +15,23 @@ sdk: expo
1515
title: "A Google Developer account is required.",
1616
link: "https://console.developers.google.com/",
1717
icon: "user-circle",
18-
}
18+
},
19+
{
20+
title: "Follow the Expo quickstart",
21+
link: "/docs/expo/getting-started/quickstart",
22+
icon: "expo",
23+
},
1924
]}
2025
/>
2126

22-
[Sign in with Google](https://support.google.com/accounts/answer/12849458?hl=en) helps you easily and securely sign in to third-party apps or services with your Google Account, without having to enter a username and password repeatedly across different services.
23-
24-
This guide will teach you how to add native Sign in with Google to your Clerk Expo application. This is different from Google OAuth - if you want to use Google OAuth, see the [dedicated guide](/docs/guides/configure/auth-strategies/social-connections/google).
27+
This guide will teach you how to add native [Sign in with Google](https://support.google.com/accounts/answer/12849458?hl=en) to your Clerk Expo application. This is different from Google OAuth - if you want to use Google OAuth, see the [dedicated guide](/docs/guides/configure/auth-strategies/social-connections/google).
2528

2629
To make the setup process easier, it's recommended to keep two browser tabs open - one for the [Clerk Dashboard](https://dashboard.clerk.com/~/user-authentication/sso-connections) and one for your [Google Cloud Console](https://console.cloud.google.com/).
2730

2831
<Steps>
2932
## Enable Google as a social connection
3033

31-
1. In the Clerk Dashboard, navigate to the [**SSO connections**](https://dashboard.clerk.com/~/user-authentication/sso-connections) page.
32-
1. Select **Add connection** and select **For all users**.
33-
1. In the **Choose provider** dropdown, select **Google**.
34-
1. Ensure that both **Enable for sign-up and sign-in** and **Use custom credentials** are toggled on.
35-
1. Save the **Authorized Redirect URI** somewhere secure. Keep this modal and page open.
34+
<Include src="_partials/authentication/social-connections/enable-google-social-connection.mdx" />
3635

3736
## Configure Google Cloud Console
3837

@@ -42,28 +41,18 @@ To make the setup process easier, it's recommended to keep two browser tabs open
4241

4342
1. Navigate to the [Google Cloud Console](https://console.cloud.google.com/).
4443
1. Select an existing project or [create a new one](https://console.cloud.google.com/projectcreate). You'll be redirected to your project's **Dashboard** page.
45-
1. Enable the **Google+ API** for your project.
44+
1. Enable the [**Google+ API**](https://console.cloud.google.com/apis/library/plus.googleapis.com?project=expo-testing-480017) for your project.
4645

4746
### Create OAuth 2.0 Credentials
4847

49-
You'll need to create three sets of credentials:
48+
You'll need to create **three sets of credentials**:
5049

51-
#### Web Client ID (for token verification)
50+
#### iOS Client ID
5251

5352
1. Navigate to **APIs & Services**. Then, select **Credentials**.
5453
1. Next to **Credentials**, select **Create Credentials**. Then, select **OAuth client ID**. You might need to [configure your OAuth consent screen](https://support.google.com/cloud/answer/6158849#userconsent). Otherwise, you'll be redirected to the **Create OAuth client ID** page.
55-
1. For the **Application type**, select **Web application**.
56-
1. Add a name (e.g., "Web client for token verification").
57-
1. Under **Authorized redirect URIs**, select **Add URI** and paste the **Authorized Redirect URI** you saved from the Clerk Dashboard.
58-
1. Select **Create**. A modal will open with your **Client ID** and **Client Secret**.
59-
1. Copy and save the **Client ID** - you'll need this for `EXPO_PUBLIC_CLERK_GOOGLE_WEB_CLIENT_ID`.
60-
1. Copy the **Client ID** and **Client Secret** and paste them into the respective fields in the Clerk Dashboard. Then select **Add connection** to complete the setup.
61-
62-
#### iOS Client ID
63-
64-
1. In the same project, create another client. Next to **Credentials**, select **Create Credentials**. Then, select **OAuth client ID**.
6554
1. For the **Application type**, select **iOS**.
66-
1. Add your iOS **Bundle ID** (from your `app.json` or `app.config.ts`).
55+
1. Add your iOS **Bundle ID**.
6756
1. Select **Create**. A modal will open with your **Client ID**.
6857
1. Copy ans save the **Client ID** - you'll need this for `EXPO_PUBLIC_CLERK_GOOGLE_IOS_CLIENT_ID`.
6958

@@ -84,6 +73,18 @@ To make the setup process easier, it's recommended to keep two browser tabs open
8473
1. Select **Create**. A modal will open with your **Client ID**.
8574
1. Copy and save the **Client ID** - you'll need this for `EXPO_PUBLIC_CLERK_GOOGLE_ANDROID_CLIENT_ID`.
8675

76+
#### Web Client ID (for token verification)
77+
78+
1. In the same project, create another client. Next to **Credentials**, select **Create Credentials**. Then, select **OAuth client ID**.
79+
1. For the **Application type**, select **Web application**.
80+
1. Add a name (e.g., "Web client for token verification").
81+
1. Under **Authorized redirect URIs**, select **Add URI** and paste the **Authorized Redirect URI** you saved from the Clerk Dashboard.
82+
1. Select **Create**. A modal will open with your **Client ID** and **Client Secret**. Save these values somewhere secure. You'll need these for the following steps.
83+
84+
## Set the Client ID and Client Secret in the Clerk Dashboard (from your web client)
85+
86+
<Include src="_partials/authentication/social-connections/set-client-id-secret" />
87+
8788
## Add your iOS application to Clerk
8889

8990
Add your iOS application to the [**Native Applications**](https://dashboard.clerk.com/~/native-applications) page in the Clerk Dashboard. You will need your iOS app's **App ID Prefix** (Team ID) and **Bundle ID**.
@@ -103,6 +104,7 @@ To make the setup process easier, it's recommended to keep two browser tabs open
103104

104105
# iOS only: URL scheme for Google Sign-In callback
105106
# Format: com.googleusercontent.apps.{IOS_CLIENT_ID_PREFIX}
107+
# IOS_CLIENT_ID_PREFIX is the part of your iOS Client ID before ".apps.googleusercontent.com"
106108
EXPO_PUBLIC_CLERK_GOOGLE_IOS_URL_SCHEME=com.googleusercontent.apps.your-ios-client-id
107109
```
108110

docs/guides/configure/auth-strategies/sign-in-with-google.mdx

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -15,24 +15,23 @@ sdk: android
1515
title: "A Google Developer account is required.",
1616
link: "https://console.developers.google.com/",
1717
icon: "user-circle",
18-
}
18+
},
19+
{
20+
title: "Follow the Android quickstart",
21+
link: "/docs/android/getting-started/quickstart",
22+
icon: "android",
23+
},
1924
]}
2025
/>
2126

22-
[Sign in with Google](https://support.google.com/accounts/answer/12849458?hl=en) helps you easily and securely sign in to third-party apps or services with your Google Account, without having to enter a username and password repeatedly across different services.
23-
24-
This guide will teach you how to add native Sign in with Google to your Clerk apps on Android platforms. This is different from Google OAuth - if you want to use Google OAuth, see the [dedicated guide](/docs/guides/configure/auth-strategies/social-connections/google).
27+
This guide will teach you how to add native [Sign in with Google](https://support.google.com/accounts/answer/12849458?hl=en) to your Clerk apps on Android platforms. This is different from Google OAuth - if you want to use Google OAuth, see the [dedicated guide](/docs/guides/configure/auth-strategies/social-connections/google).
2528

2629
To make the setup process easier, it's recommended to keep two browser tabs open - one for the [Clerk Dashboard](https://dashboard.clerk.com/~/user-authentication/sso-connections) and one for your [Google Cloud Console](https://console.cloud.google.com/).
2730

2831
<Steps>
2932
## Enable Google as a social connection
3033

31-
1. In the Clerk Dashboard, navigate to the [**SSO connections**](https://dashboard.clerk.com/~/user-authentication/sso-connections) page.
32-
1. Select **Add connection** and select **For all users**.
33-
1. In the **Choose provider** dropdown, select **Google**.
34-
1. Ensure that both **Enable for sign-up and sign-in** and **Use custom credentials** are toggled on.
35-
1. Save the **Authorized Redirect URI** somewhere secure. Keep this modal and page open.
34+
<Include src="_partials/authentication/social-connections/enable-google-social-connection.mdx" />
3635

3736
## Create the Google Developer Android client
3837

docs/guides/configure/auth-strategies/social-connections/apple.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ description: Learn how to allow users to sign up and sign in to your Clerk app w
2121
Enabling OAuth via [Sign in with Apple](https://developer.apple.com/sign-in-with-apple/) allows your users to sign in and sign up to your Clerk app with their Apple ID.
2222

2323
> [!IMPORTANT]
24-
> This guide explains how to configure Sign in with Apple for web based flows. To configure native Sign in with Apple on native applications (iOS), see the [dedicated guide](/docs/guides/configure/auth-strategies/sign-in-with-apple).
24+
> This guide explains how to configure Sign in with Apple for web based flows. To configure native Sign in with Apple on native applications, see the [dedicated guide](/docs/guides/configure/auth-strategies/sign-in-with-apple).
2525
2626
## Configure for your development instance
2727

docs/guides/configure/auth-strategies/social-connections/google.mdx

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -41,11 +41,7 @@ To make the setup process easier, it's recommended to keep two browser tabs open
4141
<Steps>
4242
### Enable Google as a social connection
4343

44-
1. In the Clerk Dashboard, navigate to the [**SSO connections**](https://dashboard.clerk.com/~/user-authentication/sso-connections) page.
45-
1. Select **Add connection** and select **For all users**.
46-
1. In the **Choose provider** dropdown, select **Google**.
47-
1. Ensure that both **Enable for sign-up and sign-in** and **Use custom credentials** are toggled on.
48-
1. Save the **Authorized Redirect URI** somewhere secure. Keep this modal and page open.
44+
<Include src="_partials/authentication/social-connections/enable-google-social-connection.mdx" />
4945

5046
### Create a Google Developer project
5147

0 commit comments

Comments
 (0)