时间戳

首页 > 解决方案 > 如何将 Chrome 帐户名称添加到 HTML 元素

javascript - 如何将 Chrome 帐户名称添加到 HTML 元素

问题描述

我正在制作一个“新标签”页面，只是为了好玩和学习。

我想将用户名（如果用户已登录）添加到

元素。我不知道该怎么做

这就是我想要的样子

我不是要你做我的工作，而是要指导我并帮助我处理一些文档。

编辑：这是一个 chrome 扩展

标签： javascriptgoogle-chrome-extension

解决方案

问题可以使用更多信息，但是——用户的登录/注销身份验证通常比您最初想象的要大。

来自自由网络/应用程序开发背景，我通常认为经过身份验证的网络应用程序至少是相同功能的未经身份验证版本的两倍。

您提到了新标签登录页面，因此您可能会大量关注这些有关 Chrome 扩展身份验证的文档： https ://developer.chrome.com/apps/app_identity

以下是有关 Chrome 应用程序身份验证的更多信息：https ://developer.chrome.com/apps/identity

从上面的 Chrome 文档中，您的应用需要执行的步骤是：

  1. 向您的清单添加权限并上传您的应用程序。
  2. 将已安装 manifest.json 中的密钥复制到您的源清单中，以便您的应用程序 ID 在开发过程中保持不变。
  3. 为您的 Chrome 应用获取 OAuth2 客户端 ID。
  4. 更新您的清单以包含客户端 ID 和范围。
  5. 获取身份验证令牌。

stackoverflow 上已经有一些与 chrome 扩展身份验证相关的重要资源，特别是这个：

  1. Chrome 扩展中的 chrome.identity 用户身份验证

看起来还有其他人在解决同样的问题： https ://gist.github.com/raineorshine/970b60902c9e6e04f71d

希望这能让你朝着正确的方向前进。欢迎来到堆栈溢出！

推荐阅读