> For the complete documentation index, see [llms.txt](https://zinisoft-net.gitbook.io/zapes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://zinisoft-net.gitbook.io/zapes/get-started-1/login-facebook.md).

# Login Facebook

## How to config Application on Facebook Developer

1. Go to [https://developers.facebook.com](https://developers.facebook.com/apps/) and login with your account.
2. Click on `Add new application` button and Create new with your application.
3. After created, you see like so:

![](https://3352798833-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6Sp5SVrTluLcpPIPvE%2F-MP3hSRcSUUKETjjLMmX%2F-MP3ic6HdS5CmLCd4ZbH%2FScreen%20Shot%202020-12-21%20at%2016.56.03.png?alt=media\&token=12fe9b94-2c31-4bce-89a9-6fbd6c2be100)

4\. Choose your app and Go to `Settings -> Information basic` and update more info:

* Name
* Contact email
* URL Privacy 
* Logo
* Category

After complete, please save.

![](https://3352798833-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6Sp5SVrTluLcpPIPvE%2F-MP3hSRcSUUKETjjLMmX%2F-MP3imluJ6fMYdHNLPeL%2FScreen%20Shot%202020-12-21%20at%2016.56.59.png?alt=media\&token=3f43830f-daa2-44d5-a5fc-9dc441921b99)

5\. On very bottom, click to `Add Platform` and choose `iOS` or `Android`

![](https://3352798833-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6Sp5SVrTluLcpPIPvE%2F-MP3hSRcSUUKETjjLMmX%2F-MP3ix9riJNU2vVF7EjL%2FScreen%20Shot%202020-04-24%20at%2015.09.12.png?alt=media\&token=5f2b03ce-2536-4ca2-a6f4-3f0358954ea2)

6\. Complete more field for iOS and Android\
\* iOS:\
   \+ Insert Bundle ID\
   \+ Turn on Single Sign On\
\* Android:\
   \+ Insert Package Name\
   \+ Insert Class Name (ex: your.package.name.MainActivity)\
&#x20;  \+ Insert Key Hash for developer and production, details: <https://developers.facebook.com/docs/android/getting-started/>\
&#x20;  \+ Turn on Single Sign On

![](https://3352798833-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6Sp5SVrTluLcpPIPvE%2F-MP3hSRcSUUKETjjLMmX%2F-MP3j4zg8UEWWJPB9NXR%2FScreen%20Shot%202020-04-24%20at%2015.10.08.png?alt=media\&token=dd09a58c-41df-4e76-9095-263367b065ee)

![](https://3352798833-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6Sp5SVrTluLcpPIPvE%2F-MP3hSRcSUUKETjjLMmX%2F-MP3j9SwCKE8JG-ocF9B%2FScreen%20Shot%202020-04-24%20at%2015.14.30.png?alt=media\&token=6b3c8ebd-efb9-4d21-a43d-706fb98b7a75)

## How to config Application on React Native Application

1. Android platform:&#x20;

* Go to `string.xml` from `android/app/src/main/res/values`.
* Replace `facebook_app_id` with your ID facebook app.

![](https://3352798833-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6Sp5SVrTluLcpPIPvE%2F-MP3hSRcSUUKETjjLMmX%2F-MP3jYIsCca2YaA7Njrg%2FScreen%20Shot%202020-12-21%20at%2017.00.13.png?alt=media\&token=9ee33bdb-e64b-49e9-932d-f17f78a62cc4)

2\. iOS platform:

* Go to `info.plist` from `ios/nameapp`
* Replace `fb230164674773112` with "fb" + your ID facebook app
* On key `FacebookAppID`, replace with "fb" + your ID facebook app.
* On key `FacebookDisplayName`, replace with your name app facebook.

![](https://3352798833-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M6Sp5SVrTluLcpPIPvE%2F-MP3hSRcSUUKETjjLMmX%2F-MP3jzcrTErGEhs1GBRC%2FScreen%20Shot%202020-12-21%20at%2017.02.06.png?alt=media\&token=bfff9ea3-0b3d-48db-b1b9-7c2c4969b784)