如何使用Netlify Lambda函数隐藏API密钥
本文介绍了如何使用Netlify Lambda函数隐藏API密钥的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用Vanilla JS构建一个简单的应用程序,其中我检索用户的位置并将坐标传递给Google的geolocation API。我试图通过Netlify的UI将API密钥设置为环境变量来访问它,但我不太清楚如何实现lambda函数来完成这项任务。
我有一个函数可以获取用户的纬度/经度,并在将数据显示在DOM中之前从geolocation API获取数据。到目前为止,我只有一个index.html和app.js文件。
我尝试阅读Netlify的文档,但我不确定如何将解决方案实现到我的简单项目中。如有任何帮助,我们不胜感激!
推荐答案
由于密钥是密钥,我们将创建一个Netlify函数来调用https://maps.googleapis.com/maps/api/geocode/json
,终结点将位于/.netlify/functions/location
我们的站点上。
对于此示例,我们不会使用节点工具创建生成包,因此我们将在函数中包括依赖项模块node-fetch
。
在Netlify管理控制台上添加API密钥
将机密API密钥添加到站点上的环境变量中MAP_GOOGLEAPIS_KEY
存储库项目结构
文件(内部版本配置):
我们实际上没有进行任何构建,但这将帮助我们在Netlify上配置我们的部署容器,以了解我们的函数位于何处。
功能代码
客户端脚本的新终结点调用
客户端上没有密钥!
这篇关于如何使用Netlify Lambda函数隐藏API密钥的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!