如何配置我的 localhost 以从 Youtube API 请求数据？

Posted 2023-02-24

【中文标题】如何配置我的 localhost 以从 Youtube API 请求数据？

【英文标题】：How can I configure my localhost to request data from Youtube APIs?

【发布时间】：2020-01-05 17:44:58

【问题描述】：

我正在使用 youtube-analytics 示例：https://developers.google.com/youtube/analytics/v1/code_samples/javascript#retrieve_daily_channel_statistics;

在创建客户端 ID 时，我将 localhost:5500 放在授权的 Javascript 源上

我在代码示例中确认了我的 ID，并使用 Visual Studio Code 的插件“Live Server”启动了应用程序。当 html 文件上线时出现以下错误：

**

"Not a valid origin for the client: http://localhost:5500 has not been whitelisted for client ID 716813497294-baiq0eod8uesrfpdf74hgibvvp2e58u3.apps.googleusercontent.com. Please go to https://console.developers.google.com/ and whitelist this origin for your project's client ID."

**

我认为问题仍然在于我使用带有端口的 localhost 从 API 请求数据的方式，我想知道是否必须使用托管服务器才能继续？因为 google 不允许在凭证中的 autorizhed 域上使用端口

它说：我的应用程序的链接必须托管在授权域中。这是什么意思？

有人知道如何配置我的 localhost 以检索 yt 分析数据 api？

我在***中尝试了google和类似的问题，我发现了这篇文章：

Google API: Not a valid origin for the client: url has not been whitelisted for client ID "ID"

但我的问题几乎不同，但我无法用它的答案来解决。

【参考方案1】：

您是否尝试过只设置localhost 而不提供端口和协议？屏幕上的错误很清楚，它告诉您无法指定要授权的域的端口和协议。

see the docs 关于localhost 设置，它在第 6 点。但我不确定这是否与您要使用的 API 相同。

【讨论】：

我试过它说：“无效域：必须是更高级别的私有域。”

这很奇怪，因为在他们写的文档中，像 http://localhost:8000 这样的网址是有效的。

如何访问该文档？你会对这些信息有很大帮助。

@JulianoHenrique 我已经用我找到的链接更新了答案。我不知道您是否在寻找什么，但请看一下。