Flutter Facebook-ээр нэвтрэх

Jagaa
4 min readApr 16, 2020

--

Flutter app дээр хэрхэн Facebook-ээр нэвтрэх вэ?

Android app

Алхам 1: pubspec.yaml файлд flutter_facebook_login dependecy-г нэмнэ.

dependencies:
flutter:
sdk: flutter
flutter_facebook_login: ^3.0.0

flutter_facebook_login сангийн хамгийн сүүлийн хувилбарыг дараах холбоосоор орж харна уу.

Алхам 2: Дараах холбоосоор орж 1 болон 4–6-р алхмуудыг хийх.

  1. Select an App or Create a New App > Create a New App
  2. Download the Facebook App
  3. Integrate the Facebook SDK
  4. Edit Your Resources and Manifest

project/android/app/src/main/res/values/strings.xml файлд дараах resource-уудыг хуулна.

<resources>
<string name="facebook_app_id"> Утга </string>
<string name="fb_login_protocol_scheme"> Утга </string>
</resources>

project/android/app/src/main/AndroidManifest.xml файлын application элемент дотор дараах meta-data-г нэмнэ.

<!-- Facebook login -->
<meta-data android:name="com.facebook.sdk.ApplicationId"
android:value="@string/facebook_app_id"/>

Мөнapplication элементийн араас дараах интернэт ашиглах зөвшөөрлийг нэмнэ.

<!-- Интернэт ашиглах зөвшөөрөл -->
<uses-permission android:name="android.permission.INTERNET"/>

5. Package Name, Default Class

Package nameAndroidManifest.xml > package

Default Activity Class Name AndroidManifest.xml > application > activity

6. Development, Release Key Hash үүсгэх

  • Key and Certificate Management Tool-ийг ашиглахын тулд JDK суусан байх шаардлагатай.
  • openssl-for-windows татах.

JDK-ийн keytool байрлаж буй зам дээрээс cmd ажиллуулна.

keytool path: C:\Users\jargalbat.j\Documents\Packages\openssl-0.9.8k_X64\bin\openssl.exe
openssl path: C:\Program Files\Java\jre1.8.0_161\bin\keytool.exe
KeyStore Explorer: https://keystore-explorer.org/index.html

Development Key Hash-ийг debug mode буюу хөгжүүлэлтийн үед ашигладаг.

Key hash:

keytool -exportcert -alias androiddebugkey -keystore "C:\Users\jargalbat.j\.android\debug.keystore" | "C:\Users\jargalbat.j\Documents\Packages\openssl-0.9.8k_X64\bin\openssl.exe" sha1 -binary | "C:\Users\jargalbat.j\Documents\Packages\openssl-0.9.8k_X64\bin\openssl.exe" base64

Keystore name: key.jks
Keystore password: android
Key alias: androiddebugkey
Key password: android
CN: CN=Jargalbat J, OU=MSD, O=GCM, L=UB, ST=UB, C=MN

Release Key Hash-ийг production буюу PlayStore руу app оруулахад ашигладаг.

Generate key: Хэрэв өмнө нь үүсгэсэн байсан бол дахин үүсгэх шаардлагагүй.

keytool -genkey -v -keystore C:\Users\jargalbat.j\Documents\GitHub\flutter_facebook_login\keystore\releasekey.jks -keyalg RSA -keysize 2048 -validity 10000 -alias releasealias

Keystore name: releasekey.jks
Keystore password: releasepassword
Key alias: releasealias
Key password: releasepassword
CN: CN=Jargalbat J, OU=MSD, O=GCM, L=UB, ST=UB, C=MN

Key hash

keytool -exportcert -alias androidreleasekey -keystore "C:\Users\jargalbat.j\Documents\GitHub\flutter_facebook_login\keystore\releasekey.jks" | "C:\Users\jargalbat.j\Documents\Packages\openssl-0.9.8k_X64\bin\openssl.exe" sha1 -binary | "C:\Users\jargalbat.j\Documents\Packages\openssl-0.9.8k_X64\bin\openssl.exe" base64

Гаргаж авсан development болон release key hash-уудаа Key Hashes талбарт хуулж бичинэ.

Алхам 3: Facebook developer appFacebook login product нэмэх.

https://developers.facebook.com/apps/

Алхам 4: Settings > Basic > Privacy Policy URL нэмэх.

Privacy policy үүсгэх:

Жишээ: https://medium.com/@jargalbat/privacy-policy-1f9204f5cd96

Алхам 5: FacebookLoginScreen.dart

--

--

Jagaa
Jagaa

Written by Jagaa

Programmer and reader. Road to 1000 posts.

No responses yet