MasterStudy App Documentation
App PageChangelog
  • Introduction
  • MasterStudy LMS API Plugin Setup
  • Flutter Environment
  • Android App Build on macOS
    • Flutter Setup for the macOS system
    • Android Studio Setup on mac
    • Android Studio Emulator on mac
    • Null safety setup
    • Installing Flutter Packages on mac
    • Setting the Site URL on mac
    • Adding App Icon on mac
    • Setting App Name on mac
    • Firebase on mac
    • Firebase Project Setup
    • Change Package Name
    • Test Your App on mac
    • App Release on mac
  • iOS App Build
    • Building App for iOS
    • Firebase for iOS
  • Google And Facebook Sign-In
    • Google Sign-In
    • Facebook Sign-In
  • Android App Build on Windows OS
    • Flutter Setup for Windows System
    • Android studio Setup on Windows
    • Android Studio Emulator on Windows
    • Null safety setup
    • Installing Flutter Packages on Windows
    • Setting the Site URL on Windows
    • Adding App Icon on Windows
    • Firebase on Windows
    • Firebase Project Setup
    • Change Package Name
    • Setting App Name on Windows
    • Test Your App on Windows
    • App Release on Windows
  • Extra Materials
    • Item Page
    • Changelog
  • stylemixthemes
  • Themes
  • Plugins
Powered by GitBook
On this page
  • Android Setup
  • Key hashes
  • Mac OS Key Hash
  • Windows Key Hash
  • Generating a Release Key Hash
  • App Mode
  • Request and Permissions
  • Test User
  • IOS Setup
  • Settings Facebook IOS Setup

Was this helpful?

  1. Google And Facebook Sign-In

Facebook Sign-In

This section will explain how to set up Facebook Sign-In in a project

PreviousGoogle Sign-InNextFlutter Setup for Windows System

Last updated 2 years ago

Was this helpful?

First you need to register your Facebook Developer account

If you do not have a Facebook account, then you will need to register

Android Setup

Link to instructions Facebook Android Setup:

Once you have created an account, you need to follow the link , to create your project in Facebook Developer

In our case, we need to click on the Create a new app button

Then we need to choose the application type

Then fill in the information

After creating the project, you need to go to Android Studio in the project, and change the values in the variables Open file android/app/src/main/res/values/string.xml, then replace the values: facebook_app_id, fb_login_protocol_scheme, facebook_client_token.

  1. app_name - Name of your project

  2. facebook_app_id - Your project ID

  3. fb_login_protocol_scheme

  1. facebook_client_token

Then, you need to go to the Basic tab, and click on the "Add Platform" button

Then select Android platform

Then choose a store -> Google Play

After creation, you need to specify Packages Name/Class name/Key hashes

Packages Name you can find in the file AndroidManifest.xml

Class Name example: com.stylemixthemes.masterstudyapp.MainActivity

Key hashes

Note: If your app uses Google Play App Subscription, you must obtain the SHA-1 certificate thumbprint from the Google Play Console and convert it to base64.

You must add key hashes for each build variant such as release, debug, CI/CD, etc.

In Android Studio in the terminal, you need to write the following command:

Mac OS Key Hash

keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64

Windows Key Hash

keytool -exportcert -alias androiddebugkey -keystore "C:\Users\USERNAME\.android\debug.keystore" | "PATH_TO_OPENSSL_LIBRARY\bin\openssl" sha1 -binary | "PATH_TO_OPENSSL_LIBRARY\bin\openssl" base64

Generating a Release Key Hash

keytool -exportcert -alias YOUR_RELEASE_KEY_ALIAS -keystore YOUR_RELEASE_KEY_PATH | openssl sha1 -binary | openssl base64

App Mode

If you want to bring the application into production mode, you need to switch

To put the application into working mode, you need to fill in all the information

Request and Permissions

Also, in order to put the application into production mode, you need to go to the Request and Permissions tab, and access

Test User

If you want to create test users

IOS Setup

Settings Facebook IOS Setup

Select an existing project or create a new one

Skip step 2

Then, you need to add your ids to the ios folder, you need to find the file info.plist Path: ios-> Runnes -> info.plist And replace the following fields

Then add the platform to the Facebook project

The more detailed documentation about Facebook Setup work you can find here:

Link to Facebook IOS Setup instructions:

Link to create an IOS project:

Enter your Bundle ID (You can find it in )

https://facebook.meedu.app/docs/5.x.x/ios
https://developers.facebook.com/docs/facebook-login/ios
AppStoreConnect
https://facebook.meedu.app/docs/5.x.x/intro
https://developers.facebook.com/?no_redirect=1
https://facebook.meedu.app/docs/5.x.x/android
https://developers.facebook.com/docs/facebook-login/android/?locale=en