在Flutter中实现深度链接跳转回应用时，如何处理Android和iOS平台的配置差异？

在Flutter中实现深度链接跳转回应用时，如何处理Android和iOS平台的配置差异？具体场景是：从第三方网页跳转回App时，Android能正常触发uni_links包的路由，但iOS端偶尔出现无法唤起应用或参数丢失的情况。已尝试在Info.plist中配置URL Schemes和Associated Domains，但仍有以下疑问：

  1. 是否需要为iOS单独处理Universal Links的苹果证书验证？
  2. 当App处于后台或被杀死时，如何保证Android的IntentFilter和iOS的NSUserActivity都能正确传递原始链接参数？
  3. 有没有跨平台方案能统一处理这两个平台的深度链接回调逻辑？

更多关于在Flutter中实现深度链接跳转回应用时，如何处理Android和iOS平台的配置差异？的实战教程也可以访问 https://www.itying.com/category-92-b0.html

3 回复

在Flutter中实现深度链接（Deep Linking）跳转回应用，主要涉及两个部分：配置URL Scheme和处理链接。首先，在Android和iOS的项目中分别添加URL Scheme。对于Android，修改AndroidManifest.xml，为Activity添加<intent-filter>，示例：

<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:scheme="myapp" android:host="open" />
</intent-filter>

在iOS中，打开Info.plist，添加URL Types，设置URL Scheme。

然后，在Flutter代码中，使用uni_links插件监听链接。例如：

@override
void initState() {
  super.initState();
  initPlatformState();
}

Future<void> initPlatformState() async {
  final data = await getInitialLink();
  if (data != null) handleDeepLink(data);
  uriLinkStream.listen((event) => handleDeepLink(event));
}

这样，当用户点击指定链接时，应用会自动启动并处理链接内容。

更多关于在Flutter中实现深度链接跳转回应用时，如何处理Android和iOS平台的配置差异？的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


要实现Flutter中的深度链接跳转回应用功能，你可以使用flutter_branch_sdk插件。首先，在你的项目中添加该插件并配置Android和iOS的Branch账户信息。

  1. Android配置：在Branch官网注册并获取App Key，在MainActivity.kt中初始化Branch，并在AndroidManifest.xml中声明Branch的Activity。

  2. iOS配置：同样在Branch官网获取App Key，在Xcode项目的Info.plist中添加相关设置，确保URL Scheme正确。

  3. 代码实现：通过监听Branch的事件来处理链接数据。

    import 'package:flutter_branch_sdk/flutter_branch_sdk.dart';

void handleDeepLink() async {
  final BranchResponse response = await Branch.getInstance().getRawReferringParams();
  if (response != null && response['+clicked_link'] == true) {
    String linkData = response['+link'];
    // 处理跳转逻辑
  }
}

[@override](/user/override)
void initState() {
  super.initState();
  FlutterBranchSdk.initSession().then((referringParams) {
    if (referringParams != null) {
      // 获取到深度链接参数
    }
  });
}

这样，当用户点击外部的深度链接时，可以正确地回到你的应用并处理相应的逻辑。

Flutter深度链接实现

深度链接(Deep Linking)允许你通过URL直接打开应用的特定页面，以下是Flutter中实现深度链接的基本方法：

1. 添加依赖

在pubspec.yaml中添加：

dependencies:
  uni_links: ^0.5.1

2. 配置Android端

在AndroidManifest.xml中添加intent-filter：

<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:scheme="your_scheme" android:host="your_host" />
</intent-filter>

3. 配置iOS端

在Info.plist中添加：

<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLName</key>
        <string>your_bundle_id</string>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>your_scheme</string>
        </array>
    </dict>
</array>

4. 代码实现

import 'package:uni_links/uni_links.dart';

// 监听初始链接
Future<void> initUniLinks() async {
  try {
    String initialLink = await getInitialLink();
    if (initialLink != null) {
      _handleDeepLink(initialLink);
    }
  } on PlatformException {
    // 处理异常
  }
}

// 监听链接变化
void setupLinks() {
  linkStream.listen((String link) {
    _handleDeepLink(link);
  });
}

void _handleDeepLink(String url) {
  // 解析URL并导航到相应页面
  if (url.contains('product')) {
    Navigator.push(context, MaterialPageRoute(builder: (_) => ProductPage()));
  } else if (url.contains('profile')) {
    Navigator.push(context, MaterialPageRoute(builder: (_) => ProfilePage()));
  }
}

5. 测试链接

你可以通过以下方式测试：

your_scheme://your_host/path?param=value

记得在initState()中调用initUniLinks()和setupLinks()，并在dispose()中取消订阅。

回到顶部