Selecting a domain under the given modal “Add URL prefix”. Here they will provide automatically some domains. If you need to customize it you can enter the domain you preferred. Then click “Continue” button.

Create a dynamic link inside the Firebase Console

Click “New Dynamic Link”.

Set up a short URL link and click “Next”.

Then you need to set up your dynamic link URL, under “Set up your Dynamic Link”. There is a deep link to your application and if a specific user has not installed the app where that user should redirect. As an example, you can provide app play store link as the dynamic link. Link name can be given as any meaningful short name about your dynamic link that you prefer. Click “Next”.

Choose “Open the deep link URL in a browser” option. In that option, if the specific app is not installed in your app the link will open through the browser. If not you can choose “Open the deep link in your iOS App” but if so you need to have an iOS app. Then click “Next”.

Here we define behavior for Android. Select “Open the deep link in your Android App” and choose your android app. Then click “Next”.

Additionally, you can customize some advanced options. Then click “Create”.

Under the URL, you will get your created dynamic link.

AndroidManifest.xml Configuration

Add your deep link domains to your android/app/src/main/AndroidManifest.xml so your app can receive the Dynamic Link data after it is installed/updated from the Play Store. Refer to the official docs to illustrate setup.

For example:

<intent-filter>

<action android:name="android.intent.action.VIEW"/>

<category android:name="android.intent.category.DEFAULT"/>

<category android:name="android.intent.category.BROWSABLE"/>

<data

android:host="example.com"

android:scheme="https"/>

</intent-filter>

Handling dynamic links inside the app

5.1 Here we need to install “get package” to handle the navigation among the pages. Therefore add that package to your created project’s pubspec.yaml file.

get: ^4.1.4

Let’s implement the following method in the main.dart file. This method will detect firebase dynamic link and navigate to specific page, in this case LogInPage().

void initDynamicLinks() async {
  FirebaseDynamicLinks.instance.onLink(
      onSuccess: (PendingDynamicLinkData dynamicLink) async {
        final Uri deepLink = dynamicLink?.link;
        print("deeplink found");
        if (deepLink != null) {
          print(deepLink);
          Get.to(() => LogInPage(title: 'firebase_dynamic_link  navigation'));
        }
      }, onError: (OnLinkErrorException e) async {
    print("deeplink error");
    print(e.message);
  });
}

After implementing above method complete code of the main.dart file like below.

import 'package:get/get.dart';
import 'package:flutter/material.dart';
import 'package:dynamic_links/homepage.dart';
import 'package:dynamic_links/loginpage.dart';
import 'package:firebase_dynamic_links/firebase_dynamic_links.dart';
void main() {
  runApp(MyApp());
}
class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
  @override
  initState() {
    super.initState();
    this.initDynamicLinks();
  }
  void initDynamicLinks() async {
    FirebaseDynamicLinks.instance.onLink(
        onSuccess: (PendingDynamicLinkData dynamicLink) async {
          final Uri deepLink = dynamicLink?.link;
          print("deeplink found");
          if (deepLink != null) {
            print(deepLink);
            Get.to(() => LogInPage(title: 'firebase_dynamic_link  navigation'));
          }
        }, onError: (OnLinkErrorException e) async {
      print("deeplink error");
      print(e.message);
    });
  }
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      debugShowCheckedModeBanner: false,
      home: HomePage(title: 'Demo Home Page'),
    );
  }
}

Now you will end up with successful dynamic link creation using Flutter and Firebase. In this case, if your app opens through the mobile phone it will normally redirect to the home page. If not app is installed and tries to open it using the dynamic link, it will redirect to the login page. At last, if the app is not installed and tries to open the dynamic link, then the user will redirect to the deep link URL that you provide when creating the dynamic link.

Through this GitHub repository, you can get further code implementation.

Thank you for reading!!!