Flutter Web无dart:io实现JSON读写及OAuth2凭证存储方案

方案1：Cloud Firestore云端存储（匹配你的需求） #

你不需要本地存储凭证的场景下，直接对接Cloud Firestore即可，适配步骤如下：

• 完成OAuth2授权拿到Credentials对象后，直接调用oauth2包内置的toJson()方法序列化凭证：

// 授权成功后获取到Credentials实例
final oauthCredentials = await client.handleAuthorizationCodeResponse(
  Uri.base.toString(),
  {},
);
// 转换为可存储的JSON结构
Map<String, dynamic> credentialsJson = oauthCredentials.toJson();

• 关联当前登录用户的唯一标识，把JSON写入Firestore对应的用户文档：

// 假设已通过Firebase Auth获取当前用户uid
final userId = FirebaseAuth.instance.currentUser?.uid;
if (userId != null) {
  await FirebaseFirestore.instance
      .collection('user_oauth_credentials')
      .doc(userId)
      .set(credentialsJson);
}

• 需要使用凭证时，从Firestore拉取文档后反序列化为Credentials对象即可：

final credentialDoc = await FirebaseFirestore.instance
    .collection('user_oauth_credentials')
    .doc(userId)
    .get();
if (credentialDoc.exists) {
  final credentials = Credentials.fromJson(credentialDoc.data()!);
  // 用该实例初始化oauth2客户端即可发起业务请求
}

方案2：本地存储替代方案（如有临时本地缓存需求） #

如果需要在用户本地临时缓存凭证，可使用完全不依赖dart:io的存储能力：

• 用shared_preferences包，Web端默认适配浏览器localStorage，存储逻辑参考：

// 存储凭证
final prefs = await SharedPreferences.getInstance();
await prefs.setString('quickbooks_oauth', jsonEncode(credentialsJson));

// 读取凭证
final storedCredentialStr = prefs.getString('quickbooks_oauth');
if (storedCredentialStr != null) {
  final credentials = Credentials.fromJson(jsonDecode(storedCredentialStr));
}

• 短期会话内的临时存储也可以直接用内存变量持有，注意敏感凭证不要明文长期存储在客户端本地。

oauth2包适配说明 #

原官方示例中所有依赖File读写的逻辑直接替换为上述对应存储/读取逻辑即可，oauth2的核心授权流程在Flutter Web环境可以正常运行，不需要修改授权相关代码。

内容的提问来源于stack exchange，提问作者Stephen Stilwell