flutter_notification

This Project serves the purpose of guiding, how to use firebase notification in flutter for [android] and [ios].

Getting Started

To begin add dependencies in [pubspec.yaml], reference available in project yaml.

[Android] setup

1. Check minSdkVersion supported by [firebase core] version you are using.
2. Firebase core supports minSdkVersion 19.
3. Replace example in package name with [company/firm] name as example will cause problem later.
4. Update/Change [applicationId] to provide unique name to your project.

firebase console

Go to firebase console create a [project] on console to begin with firebase notification. Once the project is ready in firebase console let's being.

Firebase Notification FCM/push notification - [android]

1. Select android and register the app.
2. Download the [google-service.json] and move to next step, add the downloaded file in [android/app] folder.
3. Copy the dependencies and paste it in Root-level (project-level) Gradle file (/build.gradle)/ [android/build.gradle].
4. Next Step is to add some dependencies in Module (app-level) Gradle file (//build.gradle): [android/app/build.gradle].
5. finish the console setup.

with above points we have successfully completed the [android] part.

[IOS] setup

1. Open Podfile located in [ios] folder and uncomment [platform :ios, '11.0'] make sure the version is set to 11.
2. Go to Info.plist which is located in [ios/Runner],
   1. Search for [CFBundleIdentifier].
   2. Copy android package name and paste it in between [] tag.

Make sure to use same bundle as it'll be difficult to manage 1 project with different package name. Right click on [ios] folder and select open in finder -> open ios folder and then [Runner.xcworkspace] in [xcode]

Firebase Notification FCM/push notification - [ios]

1. Select ios and register app.
2. Download the [google-service.json] and move to next step, add [google-service.json] inside [Runner] folder.
3. Open [Runner] switch tab to [Signing & Capabilities], inside Signing make sure the [Bundle Identifier] is same as Android Package.
4. Disable Automatically manage signing.
5. Now, Switch back to general and check [Bundle Identifier] and check if it is similar to the previous [Bundle Identifier].
6. Come back to [your code Editor] eg [Android studio/vscode].
7. Open [Terminal] and navigate to [IOS] folder. Type [cd ios] and hit Enter.
8. As we did changes in [IOS] we have to update our Podfile, Type [pod update] in terminal and hit Enter.

Initializing Firebase

1. Go to [main.dart]
2. Inside void main() function we have to bind our widget first before initializing anything. we can bind our widget by calling [WidgetsFlutterBinding.ensureInitialized()].
3. Next is we will initialize our firebase by calling an async function [Firebase.initializeApp()].

Notification Service

1. We will separate our notification code by using [NotificationService] class.
2. Follow the [NotificationService] class for detail guidance.
3. Created instance of [NotificationService] class in Homepage.dart.

Adding In App Notification [Foreground Notification]

1. Add Meta in Android [Manifest] file.
2. We have to Initialize [flutter_local_notification] plugin, this plugin will take care of user interface of notification.
3. Create [inAppNotificationInit] method which will read the notification and update UI. (This is a Stream).

Adding background Notification

1. To add support for background notification, simply copy and paste entry point code available in main.dart.

To Add Notification support in IOS we have to go through some extra steps

1. copy and paste [GoogleService-Info.plist] which we'll get from [Firebase].
2. open [AppDelegate.swift] and import [FirebaseCore].
3. Initialise config inside [Bool{}] by calling [Firebase.configure()] and done.
4. Now open [IOS] app setup in console scroll below in [cloud messaging] tab, notice it's asking of APNs keys and certificates, we have to create these certificate.
5. Open [keychain] in mac -> click on [Keychain Access] in toolbar -> [Certificate Assistant] -> [Request a certificate From a Certificate Authority].
6. Enter details [email must match with the app console email id] common name [name of your app] and select [saved to disk] and continue.
7. Open [developer.apple.com/account/resources/certificates/list] after login into your dev account.
8. click on plus icon near certificate text.
9. select [Apple Push Notification service SSL (sandbox & production)], scroll up and click on continue.
10. select [App ID:] from the dropdown, to find specific app remember your app bundle name, and click continue.
11. On this screen add the keychain certificate which we created. once selected click continue.
12. Download the certificate, open in finder and double click on it.
13. Open Keychain and go to certificate tab, open dropdown and select certificate and private key. [see the file type in kind tab].
14. right click or double click on it and select [Export 2 items...], this will generate [.p12] file and save it. [Always Remember password as it'll be ask at the time of uploading certificate]
15. Open firebase console -> cloud messaging -> scroll all the way to ios app inside [Apn certificate].
16. Click on [upload] where hint text say [No development APNs certificate] and upload [.p12] file here.
17. open ios project in xcode -> select runner -> click on [+ Capability] search and add [Push Notifications].