Apple Deeplink显示Banner而非弹窗，如何实现弹窗式Deep Link？

一、当前配置与弹窗式Deep Link的核心区别 #

1. 你当前用的是Universal Links（通用链接） #

• 苹果官方主推的系统级链接方案，需配置关联域名和apple-app-site-association文件
• 表现：网页顶部显示固定Banner，点击直接跳转应用，无确认弹窗，体验更顺滑
• 特性：系统会静默验证链接与应用的关联关系，支持未安装应用时自动跳转App Store，不会出现协议冲突问题

2. 弹窗式是Custom URL Scheme（自定义URL协议） #

• 早期的Deep Link实现方案，无需域名验证
• 表现：在Safari中点击链接时，系统会弹出确认弹窗，询问用户是否打开应用
• 特性：无系统级验证，可能和其他应用的协议冲突；未安装应用时会提示无法打开，需自行处理跳转逻辑

二、实现弹窗式Deep Link的步骤 #

iOS端配置 #

1. 打开Xcode，找到项目的Info.plist文件
2. 添加URL types数组，新增一个字典项：
   • 填写URL Schemes：自定义你的协议名称（比如myflutterapp）
   • 填写URL Identifier：建议使用你的应用Bundle ID（比如com.example.myapp）
   • 设置Role为Editor

Flutter端处理 #

使用url_launcher包来处理跳转逻辑：

1. 在pubspec.yaml中添加依赖：

dependencies:
  url_launcher: ^6.2.5

2. 在代码中调用跳转：

import 'package:url_launcher/url_launcher.dart';

void launchCustomScheme() async {
  final uri = Uri.parse('myflutterapp://product/detail/123');
  if (await canLaunchUrl(uri)) {
    await launchUrl(uri);
  } else {
    // 处理未安装应用的情况，比如跳转App Store
    await launchUrl(Uri.parse('https://apps.apple.com/cn/app/你的应用ID'));
  }
}

3. 网页端使用自定义协议链接（比如<a href="myflutterapp://product/detail/123">打开应用</a>），用户点击后就会触发弹窗提示。

注意事项 #

• 自定义URL Scheme可能存在协议冲突问题，建议使用辨识度高的名称（比如结合公司或应用名称）
• 若需同时支持两种链接方案，可以在网页中做兼容判断，给用户提供不同选项

内容的提问来源于stack exchange，提问作者Ben Schreiber