Crea Dynamic Links en una app de Flutter

Puedes crear Dynamic Links cortos o largos con la API de Firebase Dynamic Links Builder, que acepta un Dynamic Link largo o un objeto que contenga parámetros de Dynamic Links y muestra URLs similares a las de estos ejemplos:

https://example.com/link/WXYZ
https://example.page.link/WXYZ

Configura Firebase y el SDK de Dynamic Links

Para poder crear Dynamic Links en la app para Android, debes incluir el SDK de Firebase. Si tu app está configurada para recibir Dynamic Links, ya completaste estos pasos y puedes omitir esta sección.

1. Instala e inicializa los SDK de Firebase para Flutter si aún no lo has hecho.

2. Desde el directorio raíz de tu proyecto de Flutter, ejecuta el siguiente comando para instalar el complemento de Dynamic Links:

   flutter pub add firebase_dynamic_links
   

3. Si estás creando una app para Android, abre la página Configuración del proyecto de Firebase console y asegúrate de haber especificado tu clave de firma SHA-1. Si usas vínculos de apps, también debes especificar la clave SHA-256.

4. En Firebase console, abre la sección Dynamic Links.

   1. Si aún no has configurado un dominio para tus Dynamic Links, haz clic en el botón Comenzar y sigue las instrucciones.

      Si ya tienes un dominio de Dynamic Links, anótalo. Deberás proporcionar un dominio para crear Dynamic Links de manera programática.

   2. Recomendación: En el menú “Más” (⋮), especifica los patrones de URL permitidos en tus vínculos directos y de resguardo. De esa manera, evitas que personas no autorizadas creen Dynamic Links que se redireccionen desde tu dominio a otros sitios que no puedes controlar. Consulta Cómo permitir patrones de URL específicos.

Crea un Dynamic Link a partir de parámetros

Para crear un Dynamic Link, crea un nuevo objeto DynamicLinkParameters y pásalo a buildLink() o buildShortLink().

El siguiente ejemplo simple crea un Dynamic Link largo a https://www.example.com/ que se abre con com.example.app.android en Android y con la app com.example.app.ios en iOS:

final dynamicLinkParams = DynamicLinkParameters(
  link: Uri.parse("https://www.example.com/"),
  uriPrefix: "https://example.page.link",
  androidParameters: const AndroidParameters(packageName: "com.example.app.android"),
  iosParameters: const IOSParameters(bundleId: "com.example.app.ios"),
);
final dynamicLink =
    await FirebaseDynamicLinks.instance.buildLink(dynamicLinkParams);

Para crear un Dynamic Link corto, pasa el objeto DynamicLinkParameters a buildShortLink(). Se necesita una llamada de red para crear el vínculo corto. Por ejemplo:

final dynamicLinkParams = DynamicLinkParameters(
  link: Uri.parse("https://www.example.com/"),
  uriPrefix: "https://example.page.link",
  androidParameters: const AndroidParameters(packageName: "com.example.app.android"),
  iosParameters: const IOSParameters(bundleId: "com.example.app.ios"),
);
final dynamicLink =
    await FirebaseDynamicLinks.instance.buildShortLink(dynamicLinkParams);

Según la configuración predeterminada, los Dynamic Links cortos se generan con sufijos de unos pocos caracteres. Si bien esto hace que los vínculos sean más compactos, también introduce la posibilidad de que alguien pueda adivinar un vínculo corto válido. A menudo, no hay daño si alguien logra hacer eso, ya que el vínculo dirige a información pública.

Sin embargo, en el caso de los vínculos cortos que dirigen a información específica para un usuario, debes crear vínculos más largos con sufijos de 17 caracteres, de modo que sea muy poco probable que alguien adivine un Dynamic Link válido. Para hacerlo, pasa ShortDynamicLinkType.unguessable al método buildShortLink():

final unguessableDynamicLink = await FirebaseDynamicLinks.instance.buildShortLink(
    dynamicLinkParams,
    shortLinkType: ShortDynamicLinkType.unguessable,
);

Parámetros del Dynamic Link

Puedes usar la API de Dynamic Link Builder para crear Dynamic Links con cualquiera de los parámetros admitidos. Consulta la referencia de la API.

El siguiente ejemplo crea un Dynamic Link con varios parámetros comunes configurados:

final dynamicLinkParams = DynamicLinkParameters(
  link: Uri.parse("https://www.example.com/"),
  uriPrefix: "https://example.page.link",
  androidParameters: const AndroidParameters(
    packageName: "com.example.app.android",
    minimumVersion: 30,
  ),
  iosParameters: const IOSParameters(
    bundleId: "com.example.app.ios",
    appStoreId: "123456789",
    minimumVersion: "1.0.1",
  ),
  googleAnalyticsParameters: const GoogleAnalyticsParameters(
    source: "twitter",
    medium: "social",
    campaign: "example-promo",
  ),
  socialMetaTagParameters: SocialMetaTagParameters(
    title: "Example of a Dynamic Link",
    imageUrl: Uri.parse("https://example.com/image.png"),
  ),
);
final dynamicLink =
    await FirebaseDynamicLinks.instance.buildShortLink(dynamicLinkParams);

Puedes configurar los parámetros del Dynamic Link con los siguientes métodos:

https://example.com/link
https://example.page.link