3rd Party Setup

Web Push Notification

Create your own firebase Web app from https://console.firebase.google.com with your own web domain/any name.
Generate key pair from under Project Setting->Web configuration.
Select The Web App from Project Setting->General->Web apps, and you will found SDK setup and configuration section
Select Config and copy Firebase configuration object

Go to <project>/web/index.html and set firebaseConfig with Firebase configuration object value.

/web/index.html
var firebaseConfig = {
    apiKey: "AIzaSyB4NEjiBYcHAbtz2Hy4dc8L7xyngnQQrG4",
    authDomain: "demandium-web-test.firebaseapp.com",
    projectId: "demandium-web-test",
    storageBucket: "demandium-web-test.appspot.com",
    messagingSenderId: "536310321033",
    appId: "1:536310321031:web:a4de7b7eae799c9c0d22",
    measurementId: "536310321034",
};

Also go to <project>/lib/main.dart and change FirebaseOptions argument value with Firebase configuration object value.

/lib/main.dart
await Firebase.initializeApp(options: FirebaseOptions(
    apiKey: "AIzaSyBx9Lz3VEGlUpltveMgUsShtCwWn1zi5lQ",
    appId: "1:70934877475:web:c482a19a2c2fe3760e2896",
    messagingSenderId: '70934877475',
    projectId: 'demandium-16b0f',
    storageBucket: "demandium-16b0f.appspot.com",
));

tip

You can find the video tutorials here

Web Push Notification Sound Customization

If you want to change default notification sound of web then go to <project>/assets/notification.wav and rand replace notification.wav with your own notification.wav

If you want facebook login in your project then create your own app form https://developers.facebook.com/apps
Configure your app form Settings->Basic with your own Display name, Contact email , Privacy Policy URL, Terms of Service URL, App icon
Add your platform (web/android/ios) with click Add platform and configure your app.
Add Facebook Login form products section.
To Configuration setting in App->Facebook Login->Settings->Client OAuth settings enable Client OAuth login, Web OAuth login, Enforce HTTPS, Use Strict Mode for redirect URIs, Login with the JavaScript SDK.
Also, you need to add yor Allowed Domains for the JavaScript SDK (ex- https://demandium-web.6amtech.com)
To get profile information you need to request access in App Review->Permissions and features get access for public_profile
Now open your flutter project go to <project>/lib/main.dart and replace with your facebook appID

For android go to <project>/android/app/src/main/res/values/string.xml and set value.

/android/app/src/main/res/values/
<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">Demandium</string>
   <string name="facebook_app_id">YOUR_APP_ID</string>
   <string name="fb_login_protocol_scheme">fb_YOUR_APP_ID</string>
   <string name="facebook_client_token">Go_to_your_fb_app->Settings->Advance->Security->Client token</string>
</resources>

For ios go to ios/Runner/Info.plist and set value

ios/Runner/Info.plist
<array>
    <dict>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>fb_your_app_id</string>
        </array>
    </dict>
<array>

<key>FacebookAppID</key>
<string>app_id</string>
<key>FacebookClientToken</key>
<string>
    Go_to_your_fb_app->Settings->Advance->Security->Client  token
</string>
<key>FacebookDisplayName</key>
<string>name</string>

For web go to <project>/lib/main.dart set your appID.

/lib/main.dart
await FacebookAuth.instance.webAndDesktopInitialize(
    appId: "YOUR_FB_APP_ID",
    cookie: true,
    xfbml: true,
    version: "v15.0",
);

tip

Step 1: Find out Team ID

Visit the Apple Developer page.
Go to Account and find out Membership details section. There you will find TeamID.

Step 2: Create or Use App ID

info

If you already have an App ID that you want to use for Apple Sign-In, you can skip creating a new one and proceed to the next step.

Go to the Identifiers list here.
Click the Plus icon besides Identifiers, and then select App IDs and continue
Select type App and continue.
Provide a brief description and a Bundle ID (the same one used for your app). This identifier will serve as the Client ID for Apple Sign-In.
In Capabilities, select the required options like Push Notifications, Sign In with Apple, and Associated Domains (if you want QR-Scan feature).
Click Continue and proceed.

Step 3: Create Service ID

Go again to the Identifiers list here.
Click the Plus icon besides Identifiers, and then select Service IDs and continue
Add a description and an identifier for your service, then click Continue
Download the file labeled as AuthKey_example.p8. This is the Service File, and the segment "example" within the file name is indicative of the KeyID. To illustrate, if your file is titled AuthKey_XXXXXXXXXX.p8, then XXXXXXXXXX signifies the KeyID.

Step 4: Submit Data in Admin Panel

Go to the Admin panel.
Navigate to 3rd Party > Social Login > Apple Login setup your data.
Use the following information:
- Client ID: The Bundle ID you previously specified.
- Team ID: Obtained from the Apple Developer page.
- Key ID: KeyID from the AuthKey_example.p8 file name.
- Service File: Downloaded AuthKey_example.p8 file.
Save and enable Apple Login status.

By following these steps, you can successfully set up and implement Apple Sign-In in your Project.

Web Push Notification​

tip

Web Push Notification Sound Customization​

Facebook Login​

tip

Google Login​

tip

Apple Login​

Step 1: Find out Team ID​

Step 2: Create or Use App ID​

info

Step 3: Create Service ID​

Step 4: Submit Data in Admin Panel​

tip

Web Push Notification

Web Push Notification Sound Customization

Facebook Login

Google Login

Apple Login

Step 1: Find out Team ID

Step 2: Create or Use App ID

Step 3: Create Service ID

Step 4: Submit Data in Admin Panel