ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

Flutter 鸿蒙化实战:fk_user_agent 适配 OpenHarmony,User-Agent 获取一键搞定

Flutter 鸿蒙化实战:fk_user_agent 适配 OpenHarmony,User-Agent 获取一键搞定 Flutter 鸿蒙化实战fk_user_agent 适配 OpenHarmony## 前言随着鸿蒙生态的快速发展越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期大量常用三方库只有 Android / iOS 实现鸿蒙侧只能自己造轮子。为了解决这个问题CPF-Flutter 社区对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配统一托管在 GitCode 的CPF-Flutter 组织 下全部通过 TAG 版本隔离、配套门禁编译验证开箱即用。本篇是系列文章之一主角是fk_user_agent—— User-Agent 获取插件。## fk_user_agent 是什么fk_user_agent原库 2.1.0用于快速获取应用的User-Agent是 WebView、HTTP 请求、埋点统计等场景常需要的容器标识符-FkUserAgent.userAgent完整 User-Agent 字符串-FkUserAgent.packageInfo返回一组版本/平台信息systemVersion、applicationVersion等可用来拼接自定义 UA。鸿蒙版返回的 UA 会带上 OpenHarmony 平台特征便于服务端识别鸿蒙设备与环境。## 适配情况| Flutter 框架版本 | TAG 名称 | 分支名 || — | — | — || 3.7 | 2.1.0-ohos-1.0.1 | master || 3.22 | 2.1.0-ohos-1.0.1 | master || 3.27 | 2.1.0-ohos-1.0.1 | master || 3.35 | 2.1.0-ohos-1.0.1 | master |已验证环境3.35 为例Flutter 3.35.8-ohos-0.0.1SDK 6.0.1(21)DevEco Studio 6.0.1.260ROM 6.0.0.120 SP6。## 快速接入在 pubspec.yaml 中添加 git 依赖yamldependencies: fk_user_agent: git: url: https://gitcode.com/CPF-Flutter/fluttertpc_fk_user_agent.git # 按你的 Flutter 框架版本从上方映射表选择对应 TAG ref: 2.1.0-ohos-1.0.1执行bashflutter pub get## 使用示例### 获取 User-Agentdartimport package:fk_user_agent/fk_user_agent.dart;final String ua await FkUserAgent.userAgent;print(ua);// 例如Flutter/3.35 (OpenHarmony 6.0.1; HarmonyOS 6.0) ...### 获取版本/平台信息dartfinal MapString, dynamic info await FkUserAgent.packageInfo;// info[systemVersion] —— 系统版本// info[applicationVersion] —— 应用版本### 完整示例给 WebView 设置 UAdartimport package:flutter/material.dart;import package:webview_flutter/webview_flutter.dart;import package:fk_user_agent/fk_user_agent.dart;class WebViewPage extends StatefulWidget { const WebViewPage({super.key}); override StateWebViewPage createState() _WebViewPageState();}class _WebViewPageState extends StateWebViewPage { override Widget build(BuildContext context) { return WebViewWidget( controller: WebViewController() ..setUserAgent(FkUserAgent.userAgent) ..loadRequest(Uri.parse(https://example.com)), ); }}## API 支持一览| API | 说明 | ohos 支持 || — | — | — || userAgent | 获取 User-Agent | yes || packageInfo | 获取版本/平台信息 | yes | [!TIP] ohos Support 为 yes 表示鸿蒙平台支持该能力使用方式与 iOS / Android 保持一致。## 仓库地址- OpenHarmony 适配仓库https://gitcode.com/CPF-Flutter/fluttertpc_fk_user_agent- 使用问题反馈请到 CPF-Flutter 社区 Issues 提交问题社区统一收集跟进本仓库 Issues 区亦可。## 系列预告截至目前CPF-Flutter 社区已完成250 个Flutter 三方库的 OpenHarmony 平台适配覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域完整的适配清单含每个库的版本映射表见-适配总览文档https://gitcode.com/CPF-Flutter/docs/blob/main/ThirdpartyLibrarites.md-仓库组织https://gitcode.com/CPF-Flutter本系列后续会陆续挑选高频库展开讲解比如支付宝支付tobias、JS 桥接flutter_jsbridge_plugin、键盘工具栏keyboard_actions、设备信息device_util等。如果你的 Flutter 应用正在计划适配鸿蒙欢迎关注 CPF-Flutter 组织也欢迎参与共建。
RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进