google-chrome - 用于处理 Google 登录的 Google chrome 扩展 list 版本 3

标签 google-chrome google-chrome-extension google-signin manifest.json chrome-extension-manifest-v3

<分区>

我是处理 Chrome 扩展的新手,我需要使用 list 版本 3 来处理 Chrome 扩展上的 Google 登录。登录后,我还需要将用户数据存储在 Chrome 存储中。任何人都可以帮助我吗?提前致谢。

最佳答案

目前,对于 manifest v3,我们无法使用 google sign 弹出窗口来授权用户。我们应该使用 chrome.identity用于使用 OAuth2 API 服务对用户进行身份验证的 API。我使用谷歌云平台创建了 Oauth2 客户端 ID 和 token 。让我逐步向您展示过程:

  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. 创建完成后,会得到我们的manifest.json文件中需要用到的client_id。

"oauth2": {
        "client_id": "<YOUR_CLIENT_ID>.apps.googleusercontent.com",
        "scopes": []
      }
  1. 要在您的 chrome 扩展程序中访问 c​​hrome.identity API,请在权限部分添加身份

"permissions": [ "identity" ]

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

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

更多信息,请查看文章 here

关于google-chrome - 用于处理 Google 登录的 Google chrome 扩展 list 版本 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72514608/

相关文章:

google-chrome - 使用 Google Chrome 扩展程序访问本地文件

javascript - 在 Chrome 扩展中使用 Google Charts

ios - 谷歌登录并呈现 View Controller Swift

javascript - Chrome扩展程序: How to show custom UI for a PDF file?

google-chrome - 谷歌浏览器最大缩放级别?

javascript - 为什么我的 Javascript Chrome 扩展代码不起作用? (循环检查按钮)

ios - iOS 崩溃的 Google 登录?

ios - 使用 Google 登录使用用户信息填充表格 View

javascript - 录制录制/背景录制时, Canvas 不会重新粉刷(webGl)

javascript - ReCaptcha - Chrome 隐藏扩展