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-р алхмуудыг хийх.
- Select an App or Create a New App > Create a New App
- Download the Facebook App
- Integrate the Facebook SDK
- 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 app
-д Facebook 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
iOS app
Дараах холбоосоор орж 1, 3, 4-р алхмуудыг хийх.
References: