Flutter中如何实现支持用户同时登录两个Google账号及Outlook账号

Google多账号实现 #

• 无需创建两个独立Flutter项目，也不会影响Google审核流程，所有操作可在同一个GCP项目下完成
• 官方google_sign_in库默认采用全局单实例逻辑，因此会限制单账号登录，你可以手动初始化多个独立的GoogleSignIn实例规避该问题
• 每个实例需配置独立的缓存标识，避免登录凭证互相覆盖，参考代码示例：

// 个人账号独立实例
final GoogleSignIn personalAccount = GoogleSignIn(
  clientId: "同项目下的客户端ID",
  scopes: ["https://www.googleapis.com/auth/gmail.readonly", "email"],
);
// 团队账号独立实例
final GoogleSignIn teamAccount = GoogleSignIn(
  clientId: "同项目下的客户端ID",
  scopes: ["https://www.googleapis.com/auth/gmail.readonly", "email"],
);

• 两个实例的授权流程完全独立，登录后分别存储凭证，不会出现互踢下线的问题

Outlook多账号实现 #

• 同样支持同应用下多账号同时登录，无需多个应用项目
• 使用flutter_appauth库实现OAuth2.0授权即可，无需依赖Outlook官方登录SDK的单实例逻辑：
  • 每次给不同账号发起授权请求时，生成独立的state和nonce参数
  • 本地存储凭证时，按用户ID+账号类型的组合key单独保存access token和refresh token
  • 调用Microsoft Graph API拉取数据时，对应哪个账号就携带哪个账号的access token即可，数据完全隔离

类Salesforce双收件箱功能实现逻辑 #

• 本地维护两个独立的凭证池，分别对应个人、团队账号
• 开启两个独立的异步请求任务，分别拉取两个账号的邮件、日历数据，存储到本地时添加account_type标记区分
• UI层分两个独立区域/tab分别渲染对应账号的数据即可，不会出现数据串扰的问题

内容的提问来源于stack exchange，提问作者Chirag Pandey