> 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:

![](/files/-MP3ic6HdS5CmLCd4ZbH)

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.

![](/files/-MP3imluJ6fMYdHNLPeL)

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

![](/files/-MP3ix9riJNU2vVF7EjL)

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

![](/files/-MP3j4zg8UEWWJPB9NXR)

![](/files/-MP3j9SwCKE8JG-ocF9B)

## 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.

![](/files/-MP3jYIsCca2YaA7Njrg)

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.

![](/files/-MP3jzcrTErGEhs1GBRC)