Crear enlaces dinámicos en una aplicación de Flutter

Puede crear Dynamic Links cortos o largos con la API de Firebase Dynamic Links Builder. Esta API acepta un enlace dinámico largo o un objeto que contiene parámetros de enlace dinámico y devuelve URL como los siguientes ejemplos:

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

Configurar Firebase y el SDK de Dynamic Links

Antes de poder crear Dynamic Links en su aplicación de Android, debe incluir el SDK de Firebase. Si su aplicación está configurada para recibir Dynamic Links, ya completó estos pasos y puede omitir esta sección.

1. Instale e inicialice los SDK de Firebase para Flutter si aún no lo ha hecho.

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

   flutter pub add firebase_dynamic_links
   

3. Si está creando una aplicación para Android, abra la página de configuración del proyecto de la consola de Firebase y asegúrese de haber especificado su clave de firma SHA-1. Si usa App Links, especifique también su clave SHA-256.

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

   1. Si aún no ha configurado un dominio para sus Dynamic Links, haga clic en el botón Comenzar y siga las indicaciones.

      Si ya tienes un dominio de Dynamic Links, toma nota. Debe proporcionar un dominio de Dynamic Links cuando crea Dynamic Links mediante programación.

   2. Recomendado : en el menú "Más" (⋮), especifique los patrones de URL permitidos en sus enlaces profundos y enlaces alternativos. Al hacerlo, evita que terceros no autorizados creen vínculos dinámicos que redirigen desde su dominio a sitios que no controla.

      Consulte Permitir patrones de URL específicos .

Crear un vínculo dinámico 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 mínimo crea un vínculo dinámico largo a https://www.example.com/ que se abre con com.example.app.android en Android y la aplicación 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 enlace dinámico corto, pase el objeto DynamicLinkParameters a buildShortLink() . La construcción del enlace corto requiere una llamada de red. 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);

De forma predeterminada, los vínculos dinámicos cortos se generan con sufijos que solo tienen unos pocos caracteres. Aunque esto hace que los enlaces sean más compactos, también introduce la posibilidad de que alguien pueda adivinar un enlace corto válido. A menudo, no pasa nada si alguien lo hace, porque el enlace conduce a información pública.

Sin embargo, si sus enlaces cortos conducen a información específica del usuario, debe crear enlaces más largos con sufijos de 17 caracteres que hagan que sea muy poco probable que alguien pueda adivinar un enlace dinámico válido. Para hacerlo, pasa ShortDynamicLinkType.unguessable al método buildShortLink() :

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

Parámetros de enlace dinámico

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

El siguiente ejemplo crea un vínculo dinámico con varios parámetros comunes establecidos:

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);

Puede configurar los parámetros de Dynamic Link con los siguientes métodos:

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