You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/guides/configure/auth-strategies/sign-in-with-google.expo.mdx
+25-23Lines changed: 25 additions & 23 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,24 +15,23 @@ sdk: expo
15
15
title: "A Google Developer account is required.",
16
16
link: "https://console.developers.google.com/",
17
17
icon: "user-circle",
18
-
}
18
+
},
19
+
{
20
+
title: "Follow the Expo quickstart",
21
+
link: "/docs/expo/getting-started/quickstart",
22
+
icon: "expo",
23
+
},
19
24
]}
20
25
/>
21
26
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).
25
28
26
29
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/).
27
30
28
31
<Steps>
29
32
## Enable Google as a social connection
30
33
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.
@@ -42,28 +41,18 @@ To make the setup process easier, it's recommended to keep two browser tabs open
42
41
43
42
1. Navigate to the [Google Cloud Console](https://console.cloud.google.com/).
44
43
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.
46
45
47
46
### Create OAuth 2.0 Credentials
48
47
49
-
You'll need to create three sets of credentials:
48
+
You'll need to create **three sets of credentials**:
50
49
51
-
#### Web Client ID (for token verification)
50
+
#### iOS Client ID
52
51
53
52
1. Navigate to **APIs & Services**. Then, select **Credentials**.
54
53
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**.
65
54
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**.
67
56
1. Select **Create**. A modal will open with your **Client ID**.
68
57
1. Copy ans save the **Client ID** - you'll need this for `EXPO_PUBLIC_CLERK_GOOGLE_IOS_CLIENT_ID`.
69
58
@@ -84,6 +73,18 @@ To make the setup process easier, it's recommended to keep two browser tabs open
84
73
1. Select **Create**. A modal will open with your **Client ID**.
85
74
1. Copy and save the **Client ID** - you'll need this for `EXPO_PUBLIC_CLERK_GOOGLE_ANDROID_CLIENT_ID`.
86
75
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)
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
103
104
104
105
# iOS only: URL scheme for Google Sign-In callback
Copy file name to clipboardExpand all lines: docs/guides/configure/auth-strategies/sign-in-with-google.mdx
+8-9Lines changed: 8 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,24 +15,23 @@ sdk: android
15
15
title: "A Google Developer account is required.",
16
16
link: "https://console.developers.google.com/",
17
17
icon: "user-circle",
18
-
}
18
+
},
19
+
{
20
+
title: "Follow the Android quickstart",
21
+
link: "/docs/android/getting-started/quickstart",
22
+
icon: "android",
23
+
},
19
24
]}
20
25
/>
21
26
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).
25
28
26
29
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/).
27
30
28
31
<Steps>
29
32
## Enable Google as a social connection
30
33
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.
Copy file name to clipboardExpand all lines: docs/guides/configure/auth-strategies/social-connections/apple.mdx
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -21,7 +21,7 @@ description: Learn how to allow users to sign up and sign in to your Clerk app w
21
21
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.
22
22
23
23
> [!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).
0 commit comments