首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JSON:使用Pexels API密钥

JSON:使用Pexels API密钥
EN

Stack Overflow用户
提问于 2020-10-10 04:13:06
回答 2查看 1K关注 0票数 1

我开始学习JSON,在我的整个旅程中,我在使用API时还没有遇到过API密钥。我正在尝试使用pexels API,可以在这里找到https://www.pexels.com/api/documentation/?language=javascript。我得到了一个API密钥,我如何在JSON中使用它。我知道这是一个荒谬的问题,但我还不能找出解决方法。谢谢你的帮助。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-10-10 04:28:54

如果你通读文档,他们会告诉你如何使用你的API_KEY。

您可以查看docs here

您必须在请求header中将API_KEY作为Authorization传递。

代码语言:javascript
运行
复制
curl -H "Authorization: YOUR_API_KEY" \
  "https://api.pexels.com/v1/search?query=people"

JS

代码语言:javascript
运行
复制
fetch("https://api.pexels.com/v1/search?query=people", {
  headers: {
    Authorization: 'YOUR_API_KEY'
  })
  .then(response => response.json())
  .then(result => console.log(result))
  .catch(err => console.log(err))
票数 2
EN

Stack Overflow用户

发布于 2021-03-05 06:04:26

首先,我建议您在项目的根目录中创建一个名为.env.local的环境文件

然后将密钥添加到此env文件中

代码语言:javascript
运行
复制
YOUR_API_KEY = '1232123123123123123'  <== your key insted of these random numbers

然后,您可以安全地使用密钥进行fetch调用,然后像这样获取一些pexels endopint

代码语言:javascript
运行
复制
export const getDataFromApi = async () => {
  const res = await fetch(
  ENDPOINT_URL,
  {
    headers: {
      Authorization: API_KEY,
    },
  }
);
  const responseJson = await res.json();
  return responseJson.photos;
};
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64286698

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档