React - 如何通过客户端登录将仪表板连接到 Google 分析 API?

React - How to connect a Dashboard to Google Analytics API with client logins?

我最近接手了一个项目,为我工作的公司构建 Analytic 的仪表板。我正在使用 React,因为我对它非常熟悉。我已成功连接到 google 的 api 并通过“使用 Google 登录”按钮设置登录页面。一切准备就绪,我向我的老板进行了预览,结果发现这不是他们想要的设置方式。

之前,我的老板正在与一家公司合作创建仪表板,但每次提出更改或添加的请求时,他们都需要 4-5 个月的时间,因此他们告诉公司停止工作。他向我展示了半成品的仪表板,一旦他登录,他就可以创建用户,然后搜索我们的内部分析帐户以查找我们有权访问的客户并将他们附加到登录名,这样当他们登录时它只显示他们的分析。

这是我有点挣扎的地方,我可以看到这个未完成的仪表板似乎总是与我们的分析帐户相关联。因为当您搜索时,它会列出我们也连接的分析中的帐户,然后它会将帐户分析完美地附加到不是 google 帐户的用户帐户。

长话短说,我一直在网上寻找如何实现这一点,但我认为我没有提出正确的问题 google。我读过旧帖子说在 google 开发控制台中使用服务帐户,但这不是一种安全的方法。它还建议使用 Workload Identity Provider,我阅读了它引导您使用它的文档,我觉得这是答案,接受,我不知道如何设置它。或者我不认为我问的是正确的问题来找到我需要的答案或从哪里开始。

我应该从创建用户数据库开始吗api?我想我可能想得太认真了,因为我一直在回想“如果我创建一个用户数据库,我如何连接该用户登录名 google api 以在不使用 google登录?

(我不是专业的 React 开发人员,我只参加了软件工程课程,发现我最喜欢使用 React,所以我正在尽我最大的努力来进一步了解 React,这样我就可以变得更加熟练与它。)

He showed me the half finished dashboard and once he logs in he has access to create users,

如果它有权创建用户,他们将通过 Management API。这有那个力量。

Then search our internal analytics account for clients we have access to and attached them to the login so when they login it only shows their analytics

管理 api 还有一种方法可以列出您可以通过帐户摘要端点访问的所有帐户。

it perfectly attaches the account analytics to the user account which isn't a google account.

如果您的系统有自己的内部用户,那么 link 用户内部帐户的 Google 分析刷新令牌并不难。只需将其与您的用户一起存储即可。

我不是 React 开发人员,我对这些 javascript 框架知之甚少。需要明确的是,刷新令牌仅适用于服务器端编程语言。