谷歌浏览器扩展程序清单版本 3 处理谷歌登录的问题。

9

我在处理Chrome扩展程序方面很新,需要使用清单版本3来处理Chrome扩展程序上的Google登录。一旦登录成功,我还需要将用户数据存储在Chrome存储中。有谁能帮助我吗?提前感谢。


请编辑问题,将其限制为具有足够细节以确定充分答案的特定问题。 - Community
对于那些遇到困难的人,这里有一个示例代码,使用chrome.identity获取令牌,然后将其与Google/Youtube API一起使用。https://github.com/sturm-dev/chrome-extension-google-auth - undefined
1个回答

12

目前,使用清单v3时,我们无法使用Google登录弹出窗口来授权用户。我们应该使用chrome.identity API 与OAuth2 API服务 对用户进行身份验证。我已经使用谷歌云平台创建了OAuth2客户端ID和令牌。现在我将逐步向您展示如何操作:

  1. Google Cloud上创建一个项目

  2. 创建项目后,您必须为该项目创建凭据。转到凭据部分并选择OAuth客户端ID
    enter image description here.

  3. 下一步是获取扩展程序的ID,可以在chrome://extensions页面轻松找到enter image description here

  4. 现在,在“创建OAuth客户端ID”部分,选择“Chrome应用程序”作为OAuth 2.0客户端的应用程序类型,并将您的扩展程序ID粘贴到“应用程序ID”字段中 enter image description here

  5. 创建完成后,您将获得client_id,需要在我们的manifest.json文件中使用。

"oauth2": {
        "client_id": "<YOUR_CLIENT_ID>.apps.googleusercontent.com",
        "scopes": []
      }
  1. 将 identity 添加到权限部分,以便在您的 Chrome 扩展程序中访问 chrome.identity API。

"permissions": [ "identity" ]

  1. 最后,您可以使用以下方法触发 API。

     chrome.identity.getAuthToken({ 'interactive': true }, function (token) {
        console.log(token);
      });

如需更多信息,请查看此处的文章


1
更多信息,请参阅https://developer.chrome.com/docs/extensions/mv3/tut_oauth/。 - undefined
对于那些遇到困难的人,这里是一个示例代码,使用chrome.identity获取令牌,然后将其与Google/Youtube API一起使用。https://github.com/sturm-dev/chrome-extension-google-auth - undefined
Chrome.identity.getAuthToken只返回访问令牌,而不返回刷新令牌。那么,在访问令牌过期后,我该如何刷新令牌呢?@EmmaAlecrim - undefined

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接