鸿蒙中如何配置Flutter的client id

在鸿蒙系统上开发Flutter应用时，如何正确配置OAuth认证所需的client id？具体需要在哪个配置文件中设置，是否有鸿蒙特定的配置方式？遇到client id校验失败的问题该如何排查？

2 回复

在鸿蒙中配置Flutter的client id，需要在config.json文件中添加OAuth配置，并确保client id与第三方服务一致。

更多关于鸿蒙中如何配置Flutter的client id的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在鸿蒙（HarmonyOS）应用中配置 Flutter 的 Client ID，通常涉及使用华为账号服务（Account Kit）进行 OAuth 认证。以下是步骤和示例代码：

步骤：

  1. 在华为开发者平台注册应用：

    • 登录 AppGallery Connect。
    • 创建项目和应用，启用“华为账号”服务。
    • 获取 Client ID（即 OAuth 2.0 客户端 ID）。

  2. 在 Flutter 项目中集成 Account Kit：

    • 使用 huawei_account Flutter 插件（官方或社区版本）。
    • 在 pubspec.yaml 中添加依赖：
      dependencies:
  huawei_account: ^版本号
    • 运行 flutter pub get。

  3. 配置 Android 参数（鸿蒙兼容 Android 生态）：

    • 在 android/app/src/main/AndroidManifest.xml 中添加元数据：
      <meta-data
    android:name="com.huawei.hms.client.appid"
    android:value="appid://你的ClientID" />

  4. 在 Flutter 代码中初始化并使用：

    • 导入包并调用 Account Kit API：
      import 'package:huawei_account/account.dart';

void initAccount() {
  // 初始化（部分插件版本可能自动处理）
  AccountAuthService service = AccountAuthService();
  // 请求登录授权
  service.signIn().then((AuthAccount account) {
    print("登录成功: ${account.displayName}");
  }).catchError((error) {
    print("登录失败: $error");
  });
}

注意事项：

  • 确保 Client ID 与应用包名匹配，并在华为后台正确配置签名证书指纹。
  • 鸿蒙目前主要通过兼容 Android 应用方式运行 Flutter，因此配置与 Android 类似。
  • 若使用其他 OAuth 服务（如 Google、微信），需对应更换 SDK 和配置。

如需更详细指导，请参考 华为开发者文档。

回到顶部