如何通过外部链接唤起我们的Flutter app

Android通过deep link或者app link(本文使用deep link),iOS通过 url schema,可以打开对应的app,因此我们需要对我们的app进行对应的配置。

使用外部库:

主要用于监听用户的uri地址

yaml 复制代码
dependencies:
  # app links schema: 
  app_links: ^3.5.0

1. Android

1.1. 实现效果:

1.2. 配置

android/app/src/main/AndroidManifest.xml

xml 复制代码
<activity>
<!-- //... -->
  <intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <!-- 下面就是自己自定义的schema和host -->
   <data android:scheme="tradelink"
       android:host="hambit" />
  </intent-filter>
</activity>

1.3. 测试

浏览器输入网址:tradelink://hambit

如果需要携带参数直接拼接到地址后面也可以的:tradelink://hambit?param1=value1&param2=value2

1.4. 监听用户url打开浏览器

lib/main.dart

  • 在程序启动后进行监听,或者其他地方,看业务需求
dart 复制代码
import 'package:app_links/app_links.dart';

//...
final appLinks = AppLinks();
appLinks.allUriLinkStream.listen((uri) {
  print(uri); // 这里的uri就是你在浏览器输入的地址
  // 使用uri.queryParameters 可以获取到后面拼接的参数
});

2. iOS

2.1. 配置

  • 使用Xcode打开项目,新增一个 URL Type
  • 在项目中添加以下代码

ios/Runner/AppDelegate.swift

swift 复制代码
import UIKit
import Flutter
import FirebaseCore
import app_links  // 添加此行

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    FirebaseApp.configure()
    GeneratedPluginRegistrant.register(with: self)
    // 添加以下行
    // ---
    if let url = AppLinks.shared.getLink(launchOptions: launchOptions) {
      AppLinks.shared.handleLink(url: url)
    }
    // ----
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
}

2.2. 测试

  • 浏览器输入:tradelink:// 或者 tradelink://hambit

  • 或者输入携带参数:tradelink://hambit?name="name"

2.3. 监听用户url打开浏览器

  • 用安卓设置的第4步一致
dart 复制代码
import 'package:app_links/app_links.dart';

//...
final appLinks = AppLinks();
appLinks.allUriLinkStream.listen((uri) {
  print(uri); // 这里的uri就是你在浏览器输入的地址
  // 使用uri.queryParameters 可以获取到后面拼接的参数
});
相关推荐
诸神黄昏EX几秒前
Android Safety 系列专题【篇七:Android AVF机制】
android
AI_零食3 分钟前
Flutter 框架跨平台鸿蒙开发 - 时间压缩器应用
flutter·华为·架构·开源·harmonyos·鸿蒙
不爱吃糖的程序媛9 分钟前
Flutter三方库鸿蒙化适配:5种高效检查方式,快速判断是否需要适配
flutter·华为·harmonyos
autumn20059 分钟前
Flutter 框架跨平台鸿蒙开发 - 小区公告报修
flutter·华为·harmonyos
Fᴏʀ ʏ꯭ᴏ꯭ᴜ꯭.22 分钟前
MySQL 主从架构中的使用技巧及优化
android·mysql·架构
羊小蜜.22 分钟前
Mysql 11: 存储过程全解——从创建到使用
android·数据库·mysql·存储过程
autumn200524 分钟前
Flutter 框架跨平台鸿蒙开发 - 社区团购接龙工具
flutter·华为·harmonyos
zh_xuan29 分钟前
Android compose和传统view混用
android
2301_8227032035 分钟前
鸿蒙flutter三方库适配——笔记与知识管理应用:Flutter Markdown实战
笔记·算法·flutter·华为·图形渲染·harmonyos·鸿蒙
autumn200536 分钟前
Flutter 框架跨平台鸿蒙开发 - 生鲜食材预订配送
flutter·华为·harmonyos