Description:

social login bloc

Social login made easier to integrate with BLOC and DI (GetIt + Injectable).
Configuration for Android :
Facebook:
Before starting these steps, I hope you have created an app on Facebook developer console. if not you can visit the official site here (https://developers.facebook.com/docs/facebook-login/android/?locale=en)


defaultConfig {
...
minSdkVersion 21
targetSdkVersion 33
...
}


Open your /android/app/src/main/res/values/strings.xml file, or create one if it doesn't exists.


Add the following (replace {your-app-id} with your facebook app Id) and with your client token:
<string name="facebook_app_id">{your-app-id}</string>
<string name="facebook_client_token">YOUR_CLIENT_TOKEN</string>
copied to clipboard


Here one example of strings.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="facebook_app_id">1365719610250300</string>
<string name="facebook_client_token">YOUR_CLIENT_TOKEN</string>
</resources>

You can find the client token in your facebook developers console
copied to clipboard


Add the following uses-permission element after the application element
<uses-permission android:name="android.permission.INTERNET"/>
copied to clipboard


Add the following meta-data element, an activity for Facebook, and an activity and intent filter for Chrome Custom Tabs inside your application element
<meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/>
<meta-data android:name="com.facebook.sdk.ClientToken" android:value="@string/facebook_client_token"/>
copied to clipboard


Queries Apps that target Android API 30+ (Android 11+) cannot call Facebook native apps unless the package visibility needs are declared. Please follow
<manifest package="com.example.app">
<queries>
<provider android:authorities="com.facebook.katana.provider.PlatformProvider" />
</queries>
...
</manifest>
copied to clipboard


Google:
To access Google Sign-In, you'll need to make sure to register your application.
You don't need to include the google-services.json file in your app unless you are using Google services that require it. You do need to enable the OAuth APIs that you want, using the Google Cloud Platform API manager. For example, if you want to mimic the behavior of the Google Sign-In sample app, you'll need to enable the Google People API.
Make sure you've filled out all required fields in the console for OAuth consent screen. Otherwise, you may encounter APIException errors.
Usage:
Firstly you need to initialize the injection on main.
@InjectableInit()
final getIt = GetIt.instance;
await configureModuleDependencies(getIt);
getIt.init();
copied to clipboard
Access the Auth bloc:
final socialLoginBloc = getIt<AuthBloc>();
copied to clipboard
For google login:
socialLoginBloc.add(const AuthEvent.socialLogin(type: SocialLoginType.google));
copied to clipboard
For facebook login:
socialLoginBloc.add(const AuthEvent.socialLogin(type: SocialLoginType.facebook));
copied to clipboard
Both of these event return SocialUserModel on successSocialLogin state.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter