Skip to content

Commit d5f85ab

Browse files
[docs][with-facebook] Update outdated instructions for Facebook example (expo#407)
1 parent 02b6ae6 commit d5f85ab

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

with-facebook-auth/README.md

+9-9
Original file line numberDiff line numberDiff line change
@@ -2,34 +2,34 @@
22

33
> Check out the [Auth with Facebook](https://docs.expo.dev/guides/authentication/#facebook) docs.
44
5-
Try it at https://expo.dev/@community/with-facebook-auth
6-
75
## How to use
86

97
### Running the app
108

119
- Run `yarn` or `npm install`
1210
- Run `yarn start` or `npm run start` to try it out.
13-
- Press "Open FB Auth" in the app and then check your logs. Take the `redirectUrl` that was logged and enter it into the "Valid OAuth redirect URIs" in your Facebook app configuration step below.
11+
- Press "Open FB Auth" in the app.
1412

1513
### Setting up the Facebook app
1614

17-
- Follow the steps [described in the Facebook for Developers documentation](https://developers.facebook.com/docs/apps/register)
18-
- Add the "Facebook Login" product and configure it ([screenshot](https://i.imgur.com/CqHElwS.png))
19-
- Make the app public ([screenshot](https://i.imgur.com/7RHDX87.png))
20-
- Swap out the `FB_APP_ID` in `App.js` with your Facebook app's id.
15+
- Follow the steps [described in the Facebook for Developers documentation](https://developers.facebook.com/docs/apps/register).
16+
- Add the "Facebook Login" product and configure it ([screenshot](https://i.imgur.com/i1UAkIh.png)).
17+
- Under **Client OAuth settings**, enable **Embedded Browser OAuth Login**.
18+
- Under **Valid OAuth Redirect URIs**, add `https://auth.expo.io/@your-username/your-app-slug`. Replace `your-username` with your Expo account's username and `your-project-slug` with your project's slug. You can find the project's slug in the Expo config file on the [`slug`](/versions/latest/config/app/#slug) field. Click **Save changes**.
19+
- Make the app public ([screenshot](https://i.imgur.com/7m7iqcg.png))
20+
- Swap out the `FB_APP_ID` in `App.js` with your Facebook app's ID.
2121

2222
## The idea behind the example
2323

2424
Expo provides a
25-
[WebBrowser](https://docs.expo.dev/versions/latest/sdk/webbrowser.html)
25+
[WebBrowser](https://docs.expo.dev/versions/latest/sdk/webbrowser)
2626
API that opens a SFSafariViewController or Chrome Custom Tab in a modal
2727
window. This provides a much better user experience than using a
2828
WebView, and it's more secure for your users because code cannot be
2929
injected into these browser windows. Additionally, they share cookies
3030
with the system browser, so there is no need to re-enter credentials if
3131
already authenticated. Expo also provides a wrapper around the `WebBrowser`
32-
API which is called [AuthSession](https://docs.expo.dev/versions/latest/sdk/auth-session.html),
32+
API which is called [AuthSession](https://docs.expo.dev/versions/latest/sdk/auth-session),
3333
which makes setting up an authentication flow using `WebBrowser` dead simple.
3434
This example demonstrates how to use the `AuthSession` API to sign in to
3535
Facebook.

0 commit comments

Comments
 (0)