前阵子接了一个外包性质的需求:把一套已经跑得好好的 Flutter 电商 App 移植到 OpenHarmony 设备上。本来以为只是换一套构建流程的问题,结果需求方又加了一句“顺带帮我们把电子合同签署也做了”。于是这个项目就从一个单纯的“Flutter for OpenHarmony 适配”,变成了既要解决跨平台运行时差异,又要搞定真实业务 API 集成的双线任务。我在这条路上踩了不少坑,也把一套能用的链路完整跑通了。这篇文章不聊 PPT 层面的架构图,只讲实际操作,内容包括环境搭建、API 集成、平台通道适配和一些容易卡住你一整天的细节。
如果你正准备在 OpenHarmony 上做 Flutter 应用,又恰好碰上了实名认证、文档签署、存证回传这类业务,这篇文章应该能帮你省掉不少试错时间。即使你只关心“Flutter 怎么调 OpenHarmony 系统能力”,里面的大部分经验同样适用。
1. 在 RK3568 开发板上搭 Flutter 环境:这里没有“开箱即用”
先说环境。OpenHarmony 不像 Android 那样有一个统一的官方 Flutter 支持主线,Flutter 官方 SDK 默认不会生成 OpenHarmony 平台的工程。想跑起来,首先得选对运行环境,其中最容易让人迷惑的就是“一台 RK3568 开发板,到底该用哪套系统镜像和设备树”。
1.1 设备树选择:真的不是随便选一个编译产物就能烧
如果你的目标是 RK3568 或 RK3588,你会发现在 OpenHarmony 社区里能找到一堆 vendor 适配包,不同开发板甚至同一块板子的不同屏幕版本,对应的设备树都不一样。网上天天有人问“RK3568 到底咋选设备树”,其实根源是大家拿到的板子五花八门。
我的处理思路是:先搞清楚板子的具体硬件型号和屏幕分辨率,去对应发行版的 device 目录里找完全匹配的 dts 配置文件。比如 RK3568 的 eval 板、DIY 板、甚至某些教育开发板,dts 里对显示 panel、触摸芯片、网卡型号的定义都有差异。不看板子直接烧,最容易出现的现象是:系统能启动,但屏幕不亮、触摸无效、网络起不来。这通常不是镜像坏了,而是 dts 没配对。
烧完系统后,用 hdc shell 进去执行 cat /proc/device-tree/model,如果输出的板子型号和你的实际硬件一致,才算第一步过关。如果发现进不去系统或者串口没输出,不要急着怀疑工具链,先回头检查烧录参数里填的 partition 表对不对。RK3568 和 RK3588 的 loader 和 partition 配置不通用,互相刷轻则起不来,重则把 parameter 分区写乱。
1.2 用社区维护的 Flutter 分支,而不是官方 Flutter
这一步是多数人第一次踩坑的地方。直接把官方 Flutter SDK clone 下来,运行 flutter create .,生成的工程里根本没有 OpenHarmony 目录。原因是 Flutter 官方并没有将 OpenHarmony 列为 target platform,必须要用 OpenHarmony SIG 组维护的 flutter 分支。
我这边用的是 OpenHarmony-SIG 下的 flutter_flutter 仓库,把它当成本地 Flutter SDK 来用。需要注意版本匹配问题:Flutter SDK 的版本要和 engine 预编译包对应,OpenHarmony 的 API level 也要看齐。项目里如果用了很多第三方 pub 包,尽量选纯 Dart 实现的,避免一上来就要求 Android/iOS 原生插件。
配置镜像源也是一个容易让人烦躁的点。国内网络环境下,首次构建会从 flutter-io.cn 镜像下载大量中间件,如果 pubspec.lock 里的依赖版本和本机 Flutter 版本不一致,经常出现依赖下载不完整、构建缓存冲突。我给团队定的规矩是:所有成员统一用同一份 Flutter 版本号,在 pubspec.yaml 里用 environment: sdk 锁住范围,Dart 版本不一致引起的坑能少一半。
1.3 跑一个最简 OpenHarmony Flutter 工程需要准备什么
当你成功把 Flutter SDK 换成社区版之后,创建 OpenHarmony 工程也不是一个 flutter create 就能结束。我当时用了一个最稳妥的方式:在 DevEco Studio 里先建一个空的 OpenHarmony 工程,然后用 Flutter 侧的模块化方案把 flutter module 挂进去。具体做法是:
bash复制flutter create --platforms=ohos my_app
社区分支支持创建 OpenHarmony 平台工程后,开发目录里会出现 ohos 子目录。你需要把 .flutter 相关配置和 entry 模块关联好,再手动配置模块依赖。如果构建时报错找不到 libflutter.so,多半是 SDK 里的 engine 产物没有正确配置到工程,检查 ohos/entry/build.gradle 里的 so 库路径。
跑通一个显示“Hello OpenHarmony”的页面后,别急着高兴。下一步最好做个真机调试:在支持 hdc 的设备上直接执行 flutter run -d <device>,确认热重载也能用。毕竟后面真正的挑战在于业务代码的运行表现,而不是 hello world。
需要模型API调用? 免费领10W Token,多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 电子合同不是“画个签名存图片”:API 集成的业务底线
把环境跑通只是热身,真正的业务难点在电子合同签署这个环节。如果你之前没接触过电子签,可能觉得“让用户手写签名,然后贴到 PDF 上不就是签署吗”。这个理解在合规和存证层面是站不住脚的。
2.1 合同签署链路必须满足哪些基本要求
一个能用的电子合同系统,至少要覆盖四个环节:身份实名认证、签署意愿确认、文件防篡改、证据留存与校验。
实名认证通常对接权威数据源,比如手机号三要素、人脸识别或银行卡四要素。签署意愿确认在移动端最常见的做法是手写签名 + 短信验证码,有些场景还要录音录像。文件防篡改依靠哈希算法 + 可信时间戳,签完的 PDF 里任何像素被改动,哈希校验都会失败。证据留存则是把签署过程的关键数据(用户 ID、设备指纹、时间、操作记录)打包,由服务商或法院认可的机构存储。
所以这个项目里的“API 集成”,本质上是把上述能力包装成移动端可调用的接口。如果只看 UI,合同页和普通 PDF 预览差不多,但底层数据流比普通文档复杂得多。
2.2 第三方电子签名服务商负责什么,自研又负责什么
现在市面上做电子签的服务商很多,线上签约平台、企业微信里的签约工具等,各自能力侧重点不同。选型时我主要关注这几项能力:能不能通过 OpenAPI 发起签署、签署完成后能不能给到带 CA 证书信息的 PDF、回调通知是否支持可配置的签名验签机制、以及是否提供 PDF 文件在移动端打开所需的能力。
明确一点:如果企业没有自建 CA 证书体系,通常不要自己硬造签署算法。电子签名涉及证书签发、时间戳、防篡改、司法存证等一连串标准,自研成本非常高。项目里正确的分工是:服务商负责提供证书、时间戳、签署页、存证等 REST API,我们负责在自己的服务端做业务编排,客户端只做展示、采集用户操作信息和触发签名。
2.3 我们最终定下的整体技术架构
客户端是 Flutter,运行在 OpenHarmony 上;服务端是自己的业务后端,负责向电子签服务商发起合同创建、签署流程和查询;签署动作在 App 内完成。流程是这样的:
- 用户在业务 App 里选择一份待签合同。
- App 请求自有后端创建合同,写入业务订单号。
- 后端拿着业务参数请求第三方服务商的签署 API,得到签署任务 ID 和签署链接。
- App 携带签署任务 ID 进入签署页面,用户完成实名认证或调起已实名信息。
- 用户手写签名,客户端把签名图片数据传给服务商完成“签署行为采集”。
- 签署完成后,服务商回调自有后端,后端再主动拉取已签署的 PDF。
- App 通过查询接口或消息推送获知签署完成,展示最终合同文件。
这套结构有一个特点:客户端不需要也不应该直接持有服务商的 API Key。所有密钥都留在自有后端,客户端只靠临时的 access token 与后端通信。这样即便 OpenHarmony 设备上被反编译,泄露的也只是一个可撤销的业务 token,不会暴露企业级密钥。
3. 签署相关 API 的接入细节:每个请求都不能只考虑“通不通”
电子签 API 和普通业务 API 的一个明显区别是:它的状态流转很多,错误码也很细。你不可能像拉个商品列表那样“请求成功就完事”。下面按我们实际接入的先后顺序展开。
3.1 实名认证的三种形态,App 里要区分处理
实名认证接口在移动端通常有三种打开方式:H5 页面跳转、SDK 内嵌、服务端数据核验。出于“客户端尽量保持轻量”的考虑,我们优先选用 H5 或 WebView 方式,Flutter 侧用 webview_flutter 加载实名链接。实名场景里 SDK 往往包含人脸活体检测能力,OpenHarmony 上如果找不到现成插件,就只能退回 WebView + 服务商 H5 的兼容方案。
需要注意:H5 方式加载时,服务商页面里通常有回调跳转逻辑,跳转地址要提前配好白名单。如果跳转回到 App 的 schema 没配好,用户实名到一半点“返回”会发现永远停在空白页,误以为 App 崩了。
我先在原生侧配置了 scheme 跳转,比如 myapp://signResult?code=xxx,Flutter 侧再用一个工具类监听剪贴板之外的 deeplink 事件,刷新合同状态。这一步在 OpenHarmony 上比 Android 要麻烦一点,因为系统对 URL scheme 的支持路径不完全一致,代码里要分别处理。
3.2 发起签署、获取签署链接与回调轮询
后端服务在第三方平台发起签署任务后,会拿到一个短时有效的签署链接。这个链接有时候直接可打开签署页,有时候需要在链接后拼接 signId 再访问。在这里最容易出的问题是:服务商接口在测试环境给的链接可能带内网 IP,真机上根本打不开。调试时要看服务商平台的回调配置,把测试环境运行地址填正确。
由于我们的业务并不要求绝对实时,我选择用“回调 + 主动轮询”双保险。签署结果由第三方服务商异步通知自有后端,后端收到回调后更新合同状态,同时 App 在进入合同详情页时再拉取一次最新状态。轮询频率我设置为进入页面后立刻拉一次,然后每 15 秒最多再拉一次,直到状态变为“已签署”或“已作废”。避免让服务端不停承受客户端高频请求。
3.3 回调安全的验签逻辑,这个不能省
第三方服务商给我方后端发回调消息时,通常会在 HTTP header 或 body 中加入签名串。后端拿到回调后,必须用约定的公钥或密钥验证签名,确认消息确实来自服务商,而不是有人伪造状态。这一步我在项目初版略过过,后来测试时用 Postman 伪造了一个“签署完成”的回调,后端果然直接信了,把合同状态改成了已完成。后面及时补上了验签逻辑,才算堵住漏洞。
如果你在 Flutter 端直接集成回调接收,受限于移动端 IP 不固定,基本不现实,所以回调接收一定放在服务端。客户端唯一能做的,是要求后端在向客户端下发数据时也签名,防止接口被中间人篡改合同名称或金额。我们后端下发合同详情时,额外带了一个 HMAC-SHA256 签名,Flutter 端校验通过后才展示给用户。
4. 打开合同文件与本地缓存:在 OpenHarmony 上最容易出问题的区域
业务链路说完了,真正到客户端开发时,反而是一些看似基础的“打开文件”功能卡了我们最久。
4.1 如何让 Flutter 在 OpenHarmony 上打开合同 PDF
在 Android 上打开 PDF 有很多现成方案,但 Flutter 生态里常见的 PDF 插件基本依赖 Android/iOS 原生能力,OpenHarmony 上不一定能用。我用过两种可行的路径:
一是调用系统自带的文档预览能力,把 PDF 文件路径传给一个原生页面预览。这需要在 OpenHarmony 原生侧写一个简单的 ability 或页面,接收文件路径并加载 PDF 组件。
二是用纯 Dart 渲染 PDF 的方案,但复杂的合同版式容易错位,字体解析也可能有问题。如果合同是服务商生成的复杂格式,我不建议用纯前端渲染去展示最终文件,可以用图片方式代替:让服务端把每一页 PDF 转成高清图片返回,App 用图片列表展示。这个方案兼容性最好,也方便用户双指缩放。
考虑到开发成本和稳定性,我们选择了“图片分页预览 + 原文件下载”的组合。用户详情页看到的是图片版合同,需要留存时再下载原始 PDF。
4.2 文件存储路径与缓存淘汰策略
OpenHarmony 的文件路径和 Android 并不完全一致,尤其不要硬编码 /sdcard/ 开头的路径。正确的方式是通过系统 API 获取应用专属目录,然后把合同 PDF 落到应用目录内。在 Flutter 侧,我封装了一个全局的文件管理类,负责判断文件是否存在、计算缓存占用、按时清理过期合同。
电子合同有保密性要求,缓存清理要小心:不能简单按时间把用户签过的合同全删了,因为用户可能还要查看历史合同。我定的策略是:已签署的正式 PDF 永久保留在云端,本地只缓存最近 20 份的预览图片,每次进入详情页时检查 hash 是否需要更新。
4.3 下载文件的断点续传和校验
合同文件通常几 MB 到几十 MB,弱网环境下移动端下载容易失败。OpenHarmony 的 Flutter 插件生态里,成熟的文件下载库也比 Android 上少。我不想引入太重的地面依赖,干脆自己写了一个基于 dio 的下载器:支持 resume 断点续传,下载后用服务端下发的文件 MD5 做完整性校验。如果校验不通过,自动清掉本地临时文件,重新进入下载队列。
一个提醒:如果服务端生成 PDF 后有过二次加工(比如盖章引擎对 PDF 做了增量更新),每次下载的文件 MD5 可能不同。我们后端每次下载时都实时计算 MD5 并随下载接口一起返回,客户端不要拿第一次下载的 MD5 永久比较。
5. Flutter 与 OpenHarmony 原生能力之间的桥梁:Platform Channel 写法
如果你的电子合同 App 只是远程加载网页签名,可能不需要太深的原生交互。但要实现手写签名、调起相机扫描身份证、保存文件到图库这类功能,Flutter 侧必须能调用 OpenHarmony 原生能力。
5.1 不是所有 Android 插件都能直接迁移
刚开始我也想找现成的 Flutter 插件直接在 OpenHarmony 上跑,试探了几个后放弃了。大多数插件底层代码里直接引用了 Android SDK 的 Activity、Intent 等类,在 OpenHarmony 上根本编译不了。最可靠的做法是自己针对 OpenHarmony 写 Platform Channel。
我们需要实现的通道有:调起文件选择器、调起相机拍照、读取相册图片、获取设备唯一标识、检测网络状态。每个通道都写成统一的 MethodChannel,名称如下:
dart复制static const platform = MethodChannel('com.example.contract/native');
原生的 OpenHarmony 侧通过 MethodChannel 注册对应的处理方法。和 Android 很不同的是,OpenHarmony 在实现 UIAbility 交互时,要使用它自己的 ability 上下文来拉起其他应用,而不是直接 startActivity。整条代码要重新按 OpenHarmony 的 API 写一遍,不能拿 Android 的 Java 代码粘贴复用。
5.2 签名画布:不能简单套用开源库
手写签名是整个合同 App 中用户感知最强的地方。我在 Flutter 侧用一个自绘组件实现,监听用户的 PointerDown、PointerMove、PointerUp,把轨迹生成一张 PNG 图片。有两个坑特别值得记下来。
第一点,签名图片的尺寸和像素密度问题。代码里如果直接用逻辑像素生成图片,在部分 OpenHarmony 设备上会出现“画出来的字发虚”。正确做法是根据 MediaQuery.devicePixelRatio 生成对应分辨率的位图,保存时导出高分辨率 PNG。
第二点,签名笔画要保留贝塞尔曲线平滑处理。如果不处理,用户在屏幕上快速滑动时,轨迹点不够密集,签名看起来就是一节一节的折线,观感很糟糕。我用的是二次贝塞尔插值,在两个采样点之间取中点作为曲线控制点,效果好了很多。
5.3 真机调试中的崩溃与 API not implemented
OpenHarmony 的 Flutter 适配并没有覆盖所有平台通道方法。运行时最容易出现的是 MissingPluginException,部分系统能力调用直接报“not implemented”。遇到这种情况,我的排查路径是:先确认调用的方法在 OpenHarmony 侧是否已经注册,再检查原生侧是否声明了对应模块的权限。
比如读取网络状态时,OpenHarmony 需要声明 ohos.permission.GET_NETWORK_INFO,否则 Flutter 侧拿到的状态永远是不确定。写入应用沙盒目录一般不需要权限,但保存到公共媒体库时就需要申请存储权限。权限模型和 Android 有差异,直接在 OpenHarmony 的 module.json5 中声明并不完全等同于 AndroidManifest 的处理。我建议所有涉及隐私的权限都在原生侧做一个统一入口,不要散落在多个文件里。
6. 页面主题颜色与授权/用户协议页:小细节能带来不少一致性问题
合同 App 里必然有用户协议、隐私政策、授权确认这类页面。在 Flutter 工程中这种页面通常是一个统一的 WebView 或富文本页,而“主题颜色”则决定了页面的按钮、链接、文字颜色。
有同事在调整 OpenHarmony 版本时发现:同一个 Flutter 代码,在 Android 上授权协议页面的标题栏按钮正常显示 App 主色,到了 OpenHarmony 上却变成了默认系统蓝色。排查之后发现,OpenHarmony 的 App 配置里会有一个独立的主题颜色字段,Flutter 侧虽然设置了 ThemeData(colorSchemeSeed: ...),但原生标题栏和状态栏还是走系统配置,并没有完全被覆盖。
解决方法是在原生侧把页面布局里涉及主题色的地方抽成资源变量,或者干脆用 Flutter 重写这些页面,不用原生壳。我们的授权页和用户协议页最后都改成了 Flutter 自绘布局,不再依赖原生 WebView 标题栏,这样主题色控制权完全回到 Flutter 代码里,跨设备表现一致。
合同详情页也一样。合同状态标签(待签署、已签署、已过期)用的是语义化颜色,我特别加了一个无障碍面板按钮来增加对比度,这个细节在评审时被客户重点表扬了。
7. 性能优化与上线前检查:OpenHarmony 设备不是高配手机
电子合同 App 使用场景大多数是在办公平板上,像 RK3568 这类开发板的 CPU 性能相对有限。跑 Flutter 页面时不像手机那么顺畅,所以做了几轮针对性的性能优化。
7.1 列表页图片加载与内存占用
合同列表页需要展示合同封面缩略图。我刚开始直接让 Flutter 加载原图,结果在低端板子上列表滚动时频繁掉帧,甚至有图片较大时内存暴涨。优化方案很简单:让后端接口输出缩略图地址和服务端自适应尺寸;真到展示缩略图时,再用 cached_network_image 配合自己实现的内存缓存来控制。实测滚动帧率从 30fps 左右提高到了 55fps。
7.2 签名过程和页面切换时的 UI 卡顿
签名页的手写采集过程,涉及大量 PointerMove 事件,如果每个事件都触发一次 UI 重绘,低端设备会明显掉帧。我做了两个处理:一是只把路径点加入队列,用 16ms 的时间窗口合并后再刷新画面;二是签名页的预览背景用 RepaintBoundary 隔离,避免签名区域之外无谓重绘。
另一个卡顿来源是页面切换时动态加载字体和 MDI 图标。FontManifest 里的字体如果很大,冷启动时会阻塞首帧绘制。我在初始化里先加载首屏最优字体,其他字体延迟到需要时再 load,这个改动让 OpenHarmony 真机冷启动时间缩短了约 15%。
7.3 上线前反复自测的几项检查
最后列一下上线前我认为必查的清单项:
- 签名图片上传失败的重复请求处理,按钮要做防抖,避免用户重复点击生成多条签署任务。
- 回调更新后,本地缓存里的合同状态要及时刷新;防止服务端已签署、客户端还停留在“待签署”。
- 用户主动退出签署页,再次进入时要以签名任务状态为准,不能直接展示历史缓存。
- 弱网环境下,所有接口超时时间要单独设定,签约类请求建议 15 秒以上,避免网络抖动导致误判失败。
- 日志中不要打印签名、身份证、手机号等敏感信息,OpenHarmony 的调试日志如果没关,后续很难清理。
当你把这套流程全部走通,回过来看“Flutter for OpenHarmony 电子合同签署 App 实战”这件事,最大的难点并不在某一个具体 API,而在于三个不同体系的边界协调:OpenHarmony 系统生态还不够成熟、Flutter 插件不能无脑平移、电子合同业务又要求很强的正确性和可追溯性。个人经验是提前把所有旧 Android 插件依赖都清掉,在架构上给自己留一层“原生接口适配壳”,后面无论是换平台还是换系统 API level,都只需要动壳层代码,不动业务层。这样再做同类适配时,你也会从容很多。
