Skip to content

Commit

Permalink
[docs] Authentication doc: update BoxLink components and intro paragr…
Browse files Browse the repository at this point in the history
…aph (expo#23123)
  • Loading branch information
amandeepmittal authored Jun 27, 2023
1 parent c9f6a05 commit 6c2144d
Showing 1 changed file with 29 additions and 9 deletions.
38 changes: 29 additions & 9 deletions docs/pages/develop/authentication.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,35 +5,55 @@ hideTOC: true
---

import { BoxLink } from '~/ui/components/BoxLink';
import { CODE } from '~/ui/components/Text';

Expo can be used to login to many popular providers on iOS, Android, and web. [`expo-auth-session`](/versions/latest/sdk/auth-session/) package allows [browser-based authentication](/versions/latest/sdk/auth-session/#how-web-browser-based-authentication-flows-work) (using OAuth or OpenID Connect) to your project for Android, iOS, and the web. This guide provides steps on configuring and using the API with Google and a [development build](/develop/development-builds/create-a-build).
Expo can be used to login to many popular providers on iOS, Android, and web. [`expo-auth-session`](/versions/latest/sdk/auth-session/) package allows [browser-based authentication](/versions/latest/sdk/auth-session/#how-web-browser-based-authentication-flows-work) (using OAuth or OpenID Connect) to your project for Android, iOS, and the web. You can also implement authentication using native libraries for third-party providers with [development builds](/develop/development-builds/create-a-build).

<BoxLink
title="AuthSession API"
description="expo-auth-session is the easiest way to add web browser-based authentication (for example, browser-based OAuth flows) to your app."
description={
<>
<CODE>expo-auth-session</CODE> is the easiest way to add web browser-based authentication (for
example, browser-based OAuth flows) to your app.
</>
}
href="/versions/latest/sdk/auth-session"
/>

<BoxLink
title="Authentication with Google and AuthSession API"
description="A guide on setting up and using Google authentication with expo-auth-session in your Expo app."
title="Google authentication"
description={
<>
A guide on using <CODE>@react-native-google-signin/google-signin</CODE> library to integrate
Google authentication in your Expo project.
</>
}
href="/guides/google-authentication"
/>

<BoxLink
title="Authentication with Facebook and AuthSession API"
description="A guide on setting up and using Facebook authentication with AuthSession API in your Expo app."
title="Facebook authentication"
description={
<>
A guide on using <CODE>react-native-fbsdk-next</CODE> library to integrate Facebook
authentication in your Expo project.
</>
}
href="/guides/facebook-authentication"
/>

<BoxLink
title="Apple Authentication"
description="expo-apple-authentication provides Apple authentication for iOS 13+."
description={
<>
<CODE>expo-apple-authentication</CODE> provides Apple authentication for iOS 13 and higher.
</>
}
href="/versions/latest/sdk/apple-authentication"
/>

<BoxLink
title="Other authentication guides"
description="A collection of implementing web-based authentication in your Expo app using AuthSession API and other OAuth providers. "
title="Other authentication examples"
description="A collection of examples for implementing web-based authentication in your Expo app using AuthSession API and other OAuth providers. "
href="/guides/authentication"
/>

0 comments on commit 6c2144d

Please sign in to comment.