代码之家 › 专栏 › 技术社区 › Unnikrishnan KJ

我正在构建一个create-next-app,我必须从web api调用数据,但我不知道将api密钥存储在哪里

next.js api json reactjs javascript

Unnikrishnan KJ · 技术社区 · 1 年前

我正在尝试创建一个创建下一个应用程序,从中获取数据 https://newscatcherapi.com/free-news-api 并将其显示在我的应用程序上。

我得到了访问API的API密钥。但我不知道把API密钥保存在哪里,也不知道用API密钥调用API。

期望任何到资源的链接或任何其他答案来学习带有API键的API调用。

1 回复 | 直到 1 年前

Laycookie 1 年前

API密钥是你不想共享的,所以你想做的是将它们保存在服务器上,这样就不会有人看到它们。这也意味着你需要使用服务器上的API密钥获取数据,然后发送最终数据,你可以在app-dir中使用api路由,也可以现在使用服务器操作,我个人不建议这样做,因为这个功能目前在alpha中,所以这里有一种实现api的方法。 https://youtu.be/vrR4MlB7nBI

回到存储api密钥的位置,我们更喜欢使用名为“环境变量”的东西来存储它们,您可以在这里阅读更多信息,如果没有指定,它们将不会暴露在浏览器中。

https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables

推荐文章

daniel sas · NextJS和React无法读取未定义的属性,element.map不是函数

2 年前

Berendschot · 将条件类与静态类NextJS相结合

2 年前

Demonix · React Firebase onSnapshot为映射函数返回null

2 年前

wannnwdooo · Nextjs中的图像

2 年前

Vida Khalili · 如何在Nextjs中设置背景图像?

2 年前

Rohit Jambhulkar · 在javascript中使用情绪/样式时出现服务器错误

2 年前

Kiki · TypeError:无法读取null的属性(读取“\u传单\u禁用\u单击”)

2 年前

bami · 动态SSG页需要getStaticPaths,而地址缺少getStaticPaths

2 年前

YaddyVirus · NextJS API中where子句中的未知列

2 年前

m m · 获取未定义或承诺{<pending>}尝试推送到数组[重复]

2 年前