Files
conti-retail-app/docs/07-native-integration.md
T
2026-08-17 15:29:55 +08:00

18 KiB
Raw Blame History

07. 原生能力集成方式

决策

原生能力(扫码、支付、蓝牙等)统一封装成独立的 native_* Dart package(结构见 01-project-structure.md),跨语言接口用 Pigeon^27.3.0,2026-08 快照)生成,不手写裸 MethodChannel/invokeMethod 字符串调用。

依赖

dev_dependencies:
  pigeon: ^27.3.0

包结构规则

native_scan/
  pubspec.yaml          # 必须有 flutter: plugin: platforms: 声明,见下文
  pigeons/
    scan_api.dart       # 接口 schema 定义,唯一手写的源文件
  lib/
    native_scan.dart     # 对外导出:封装好的公共 API 类(调用方只调这个)
    src/
      generated/          # pigeon 生成的 Dart 端代码,不手动修改
  android/
    src/main/kotlin/.../ScanApi.g.kt     # pigeon 生成
    src/main/kotlin/.../ScanApiImpl.kt   # 手写:生成的 Kotlin host API 接口的实现
    src/main/kotlin/.../NativeScanPlugin.kt  # 手写:插件注册入口
  ios/
    Classes/ScanApi.g.swift              # pigeon 生成
    Classes/ScanApiImpl.swift            # 手写:生成的 Swift host API 协议的实现
    Classes/NativeScanPlugin.swift       # 手写:插件注册入口

首版只有 android/ios/(OHOS 不在首版范围,见文末「OHOS 后续演进」)。

pubspec.yaml 必须声明 plugin platforms

这是最容易漏、漏了最难排查的一条:native_* 包如果没有 flutter: plugin: 声明,android/ios/ 下的原生代码根本不会被编译进宿主 App。表现是 Dart 侧调用直接抛 MissingPluginException,而代码看上去哪里都没问题。

# packages/native_scan/pubspec.yaml
name: native_scan
resolution: workspace

environment:
  sdk: ^3.12.0
  flutter: '>=3.44.0'

flutter:
  plugin:
    platforms:
      android:
        package: com.conti.native_scan
        pluginClass: NativeScanPlugin
      ios:
        pluginClass: NativeScanPlugin

pluginClass 指向的类需要实现 FlutterPluginAndroid/ FlutterPlugin 协议(iOS),在 onAttachedToEngine 里把 ScanApiImpl 注册到 pigeon 生成的 setUp 方法上:

// android/src/main/kotlin/com/conti/native_scan/NativeScanPlugin.kt
class NativeScanPlugin : FlutterPlugin, ActivityAware {
    private var impl: ScanApiImpl? = null

    override fun onAttachedToEngine(binding: FlutterPlugin.FlutterPluginBinding) {
        impl = ScanApiImpl()
        ScanHostApi.setUp(binding.binaryMessenger, impl) // pigeon 生成的注册方法
    }

    override fun onDetachedFromEngine(binding: FlutterPlugin.FlutterPluginBinding) {
        ScanHostApi.setUp(binding.binaryMessenger, null)
        impl = null
    }

    // 扫码需要 Activity(起 CameraX 预览页),通过 ActivityAware 拿
    override fun onAttachedToActivity(binding: ActivityPluginBinding) { impl?.activity = binding.activity }
    override fun onDetachedFromActivity() { impl?.activity = null }
    override fun onReattachedToActivityForConfigChanges(b: ActivityPluginBinding) = onAttachedToActivity(b)
    override fun onDetachedFromActivityForConfigChanges() = onDetachedFromActivity()
}

ActivityAware 不能省。扫码、相册选择、拨号这类能力都需要 Activity(起页面、申请权限、收 onActivityResult),只在 onAttachedToEngine 里拿 applicationContext 是不够的。而且 onDetachedFromActivity 里必须把引用置空,否则横竖屏切换或后台回收后会持有已销毁的 Activity,导致内存泄漏和崩溃。

扫码的归属:App 原生实现

扫码由 App 原生实现(native_scan),不是 F6 的功能。

native_scan 同时服务两个调用方:

feature_scan(App 内的扫码页:扫码入库、扫码查件)
                        ↘
                          native_scan  →  原生相机 + 解码
                        ↗
core_webview 的 JSBridgeH5 页面调起扫码,见 10-webview-h5.md

这也是 01-project-structure.md 里"core_* 允许依赖 native_*"这条例外存在的原因——如果只允许 feature_* → native_*core_webview 的 JSBridge 就没法调起扫码,只能退化成"复制一份扫码实现"或者"让 core_webview 反向依赖 feature_scan",两条都不可接受。

与 PRD 的已知冲突PRD §11.5 和 202606-Conti-Retail-APP-Component-data-source.md 里把扫码写成"嵌入 F6 扫码页",与此处不一致。以本文档为准(扫码是 App 做的),PRD 需要回头修订

待确认:VIN 码与车牌识别的技术路径

这是一个还没解决的能力缺口,必须在开工前定下来。

PRD 要求扫描 VIN 码车牌。但通用扫码库(mobile_scanner、ZXing、MLKit Barcode Scanning)解的是二维码/条形码,识别不了车牌这种自然场景文字;VIN 虽然常以 Code 39 条码形式印在车身铭牌上,但也大量存在"只有印刷字符、没有条码"的情况。这两个都需要 OCR

需求 能力 候选方案
二维码 / 条形码(商品、库位) Barcode MLKit Barcode ScanningAndroid/ VisioniOS),或 mobile_scanner
VIN 条码 BarcodeCode 39 同上
VIN 印刷字符 OCR + 校验位算法 MLKit Text Recognition / VisionVIN 有第 9 位校验码,可用来过滤误识别
车牌 专用 OCR MLKit/Vision 通用 OCR 准确率偏低;或接第三方车牌识别 SDK(如车牌识别专用商用 SDK)

建议路径:条码走 MLKit/Vision(免费、离线、成熟);VIN 印刷字符用通用 OCR + VIN 校验位过滤,先验证准确率;车牌单独做一次技术验证,通用 OCR 达不到可用准确率就要评估采购商用 SDK(涉及成本、离线授权、包体积、以及是否上传图片到第三方服务器的合规问题)。

在验证结论出来之前,native_scan 的 Pigeon schema 要预留 ScanMode 参数barcode / vin / plate),避免后面加识别类型时要改接口签名。

权限与合规

native_* 涉及的运行时权限:

能力 Android 权限 iOS Info.plist key
扫码 / 拍照 CAMERA NSCameraUsageDescription
相册选择 READ_MEDIA_IMAGESAPI 33+ NSPhotoLibraryUsageDescription
保存图片 WRITE_EXTERNAL_STORAGEAPI ≤ 28 NSPhotoLibraryAddUsageDescription
拨号 无需权限(ACTION_DIAL 不需要 CALL_PHONE 无(tel: scheme

规则:

  • 权限申请必须在用到的那一刻发起,不在启动时批量申请。 启动就要相机权限是应用商店审核和用户流失的双重风险。
  • 被拒绝后要有引导:拒绝一次 → 说明为什么需要 + 再次申请;选了"不再询问" → 提示并提供跳转系统设置的入口。不能只是 toast 一句"没有权限"然后什么也做不了。
  • iOS 用途说明文案要写具体("用于扫描商品条码入库"),写"需要相机权限"这种会被审核打回。
  • 拨号用 ACTION_DIAL / tel: 拉起拨号盘让用户自己按拨出,不用 CALL_PHONE 直接拨号——后者要额外的危险权限,还容易被审核质疑。

iOS 隐私清单 PrivacyInfo.xcprivacy(上架强制)

苹果自 2024 年起强制要求 App 及其使用的三方 SDK 提供隐私清单,没有会直接被拒。每个 native_* 包如果访问了需要声明的 API,要在 ios/Resources/PrivacyInfo.xcprivacy 里声明:

<key>NSPrivacyAccessedAPITypes</key>
<array>
  <dict>
    <key>NSPrivacyAccessedAPIType</key>
    <string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
    <key>NSPrivacyAccessedAPITypeReasons</key>
    <array><string>C617.1</string></array>
  </dict>
</array>

同时确认三方依赖(相机/图片压缩/崩溃上报 SDK)是否自带隐私清单——不带的需要我们在主 App 里替它声明,或者换一个带的。这条要在首次提交 TestFlight 前验证,别留到上架当天。

我们不采集设备唯一标识IMEI/IDFA/MAC),所以不需要声明 NSPrivacyTracking(见 05-networking.mdX-Device-Id 约定)。

Pigeon 的工程化

生成命令不写在 README 里让人手敲,而是把配置写进 schema、动作做成 melos script。

// native_scan/pigeons/scan_api.dart
@ConfigurePigeon(PigeonOptions(
  dartOut: 'lib/src/generated/scan_api.g.dart',
  dartOptions: DartOptions(),
  kotlinOut: 'android/src/main/kotlin/com/conti/native_scan/ScanApi.g.kt',
  kotlinOptions: KotlinOptions(package: 'com.conti.native_scan'),
  swiftOut: 'ios/Classes/ScanApi.g.swift',
  swiftOptions: SwiftOptions(),
  dartPackageName: 'native_scan',
))
library;

@HostApi()
abstract class ScanHostApi { /* ... */ }

配置写进 @ConfigurePigeon 之后,生成命令就退化成一行,不会出现"某人生成时路径敲错,生成物落到别的目录":

fvm dart run pigeon --input pigeons/scan_api.dart

melos script(见 01-project-structure.md):

pigeon:
  run: melos exec --scope="native_*" -- dart run pigeon --input pigeons/

生成产物的处理:

  • *.g.dart / *.g.kt / *.g.swift 入 git(同 riverpod/drift 的生成物,理由见 14-conventions-and-ci-gates.md)。
  • Dart 生成物在根 analysis_options.yaml 里排除 lintanalyzer: exclude: - "**/*.g.dart")。
  • CI 要有一步"重新生成后 git diff --exit-code",防止有人改了 schema 但忘了提交生成物。

OHOS 后续演进

鸿蒙(OpenHarmony不在首版范围,但基线决策是为它留了口子的,这里记录清楚,避免后面接的时候重新走一遍弯路。

接 OHOS 需要处理三件事:

  1. SDK 分支不同OHOS 用的是 OpenHarmony 社区维护的 Flutter 分支,版本落后于官方 stable 一段时间。这正是 01-project-structure.md 里 SDK 基线刻意停在 3.44.9 而不追 3.47.0 的原因——基线跑太前,OHOS 分支跟不上就接不进来。
  2. Pigeon 没有 ArkTS 生成器Pigeon 官方只生成 Kotlin/Java、Swift/Objective-C、C++、GObject没有 ArkTS/OHOS。所以 OHOS 侧的 channel 代码只能手写,需要人工保证方法名、参数结构与 Pigeon 生成的 Dart 端编解码格式一致——这是一份实打实的额外维护成本,接 OHOS 时要预留出来。
  3. native_* 包要加 ohos: 平台声明,并新增 ohos/ 目录。

在此之前,native_* 的公共 API 类里遇到不支持的平台,一律抛明确的 UnsupportedPlatformException,不静默返回空值或占位假数据——静默返回会让"这个平台其实没实现"的问题一直藏到用户手里。

使用规则

  • pigeons/xxx_api.dart唯一手写的接口定义文件,Dart 端和两端原生的桩代码全部由 dart run pigeon --input pigeons/xxx_api.dart 生成,生成产物不手动修改,改需求就改 schema 重新生成。
  • Dart 调原生用 @HostApi();原生主动推事件给 Dart(比如扫码结果的持续回调)用 @FlutterApi()——不允许为了图省事用 @HostApi() 硬凑双向通信。
  • 调用方只允许依赖 native_*lib/native_xxx.dart 导出的公共 API 类,不允许直接 import src/generated/ 里的生成代码。调用方包括 feature_*core_webviewJSBridge)。
  • 原生侧异常需要在生成的 host API 实现里捕获并转换成 Pigeon schema 里声明的错误类型,Dart 侧统一映射成 05-networking.md 里同一套 AppException 体系,不让原生异常类型(如 PlatformException)直接抛到业务代码里。
  • 某一端暂未实现的能力,公共 API 类里对应平台分支抛明确的 UnsupportedPlatformException,不允许静默返回空值或占位假数据。

待确认项

  • 车牌识别的技术路径(通用 OCR 是否够用,还是要采购商用 SDK)——见上文,开工前必须有结论。
  • VIN 印刷字符 OCR 的实际准确率,需要拿真实车辆铭牌照片做一轮验证。
  • 三方 SDK 的 iOS 隐私清单覆盖情况,首次提交 TestFlight 前核完。

参考链接

附录:Pigeon 是什么,日常怎么用

给还没接触过跨语言原生集成的同学看的入门说明。

要解决的问题

Flutter 原生的 MethodChannel 机制本质是"字符串方法名 + 弱类型参数"的消息传递:

// 手写 MethodChannel,容易出的问题:
final result = await MethodChannel('scan_channel').invokeMethod('startScan', {'timeout': 5000});
// 1. 'startScan' 是字符串,原生那边方法名打错了,运行时才报 "not implemented"
// 2. 参数是 Map,字段名/类型对不上,运行时才崩,编译期完全看不出来
// 3. 返回值类型是 dynamic,还要自己强转、自己判断 null

三个问题的共性是:Dart 和原生代码之间没有共享的类型系统,接口的一致性完全靠开发者手动保证、runtime 才能发现错误。

Pigeon 用一个 Dart 文件定义"接口 schema"(有哪些方法、参数和返回值类型),然后生成 Dart 端 + Android(Kotlin) + iOS(Swift) 三端的强类型桩代码——方法名、参数、返回类型三端保持一致,改了 schema 忘记同步实现,编译期就会报错(生成的原生接口是抽象类/协议,没实现完整会编译不过),彻底消灭"方法名打错""参数字段对不上"这类只有运行时才发现的问题。

核心概念

  1. Schema 文件pigeons/xxx_api.dart):用普通 Dart 类和注解描述接口,不是真的可执行代码,只是给 pigeon 生成器读的"接口契约"。
  2. @HostApi():声明一个"Dart 调用原生"的接口,pigeon 生成 Dart 端可直接调用的类,以及原生端需要实现的抽象类/协议。
  3. @FlutterApi():声明一个"原生调用 Dart"的接口(方向相反),用于原生侧主动推送事件(比如蓝牙扫描持续上报发现的设备)。
  4. 生成命令dart run pigeon --input pigeons/xxx_api.dart 会同时生成 Dart、Kotlin、Swift 三份代码,开发者只需要去实现原生那两个抽象类/协议里的方法体。

使用示例(native_scan:扫码能力)

// native_scan/pigeons/scan_api.dart —— 唯一手写的 schema 文件
@ConfigurePigeon(PigeonOptions(
  dartOut: 'lib/src/generated/scan_api.g.dart',
  kotlinOut: 'android/src/main/kotlin/com/conti/native_scan/ScanApi.g.kt',
  kotlinOptions: KotlinOptions(package: 'com.conti.native_scan'),
  swiftOut: 'ios/Classes/ScanApi.g.swift',
  dartPackageName: 'native_scan',
))
library;

@HostApi()
abstract class ScanHostApi {
  @async
  ScanResult startScan(ScanOptions options);
  void stopScan();
}

/// 预留识别类型,避免后面加车牌/VIN 识别时改接口签名
enum ScanMode { barcode, vin, plate }

class ScanOptions {
  ScanOptions({required this.mode, required this.timeoutMs});
  final ScanMode mode;
  final int timeoutMs;
}

class ScanResult {
  ScanResult({required this.value, required this.format});
  final String value;
  final String format; // QR_CODE / CODE_39 / OCR_TEXT ...
}
# 配置已写进 @ConfigurePigeon,命令里不用再重复一遍输出路径
fvm dart run pigeon --input pigeons/scan_api.dart

Android 端实现生成的抽象类(ScanApiImpl.kt,非生成代码,是需要手写的实现):

class ScanApiImpl : ScanHostApi {
    var activity: Activity? = null   // 由 NativeScanPlugin 的 ActivityAware 回调注入

    override fun startScan(options: ScanOptions, callback: (Result<ScanResult>) -> Unit) {
        val act = activity ?: return callback(Result.failure(
            FlutterError("NO_ACTIVITY", "扫码需要前台 Activity", null)))
        // 调用具体的扫码 SDK,拿到结果后:
        callback(Result.success(ScanResult(value = "123456", format = "QR_CODE")))
    }

    override fun stopScan() {
        // 停止扫码 SDK
    }
}

Dart 端对外的公共 APInative_scan.dart,调用方唯一能用的入口):

class NativeScan {
  final ScanHostApi _api = ScanHostApi();

  Future<ScanResult> startScan({
    ScanMode mode = ScanMode.barcode,
    Duration timeout = const Duration(seconds: 30),
  }) async {
    try {
      return await _api.startScan(
        ScanOptions(mode: mode, timeoutMs: timeout.inMilliseconds),
      );
    } on PlatformException catch (e, st) {
      // 原生异常不外泄,统一转成 05 里的 AppException 体系
      Error.throwWithStackTrace(
        NativeCapabilityException('扫码失败: ${e.message}', code: e.code), st);
    }
  }

  Future<void> stopScan() => _api.stopScan();
}

feature_scancore_webview 的 JSBridge 都只 import NativeScan 这一个类,完全不知道底层是 Pigeon 生成的还是手写 MethodChannel——这也是把原生能力做成独立 native_* package(而不是散落在各 feature 里直接写平台通道代码)的意义:原生实现细节被这一层完全封装,将来换扫码 SDK 或补 OHOS 实现,调用方一行都不用动。