小编Ann*_*ieP的帖子

在JS设置中隐藏API密钥

我正在使用HTML + CSS + JS设置创建一个简单的UI,它使用需要密钥的第三方API,我希望将密钥保存在我可以gitignore访问的文件中并从我的Javascript文件中访问.我不打算部署这个项目,我只是希望能够将它推送到GitHub而不会在每次提交之前暂时删除变量.

我发现的所有响应都与Node.js,React/Webpack或其他服务器设置的设置有关,但我没有服务器或转换器,也不想为此添加一堆伪装和配置.有没有办法做到这一点?我尝试将其存储在一个单独的JS文件中并导入/导出,但要么我无法正确获取语法,要么我尝试了需要一个转换器.每次尝试变化都会导致语法错误或未定义的变量.

关键信息:

  1. 这是完全本地运行的项目 - 就像在index.html我的浏览器中打开一样- 所以我不认为我需要担心客户端中暴露的密钥.
  2. 我的设置非常简单,只是包括index.html,main.js,和style.css.
  3. 我想将项目推送到GitHub,所以我想将api密钥作为变量存储在一个文件中,该文件与main.js我可以添加.gitignore但可以访问的文件分开main.js.
  4. 我保持这个尽可能简单,没有框架等.除非它超级简单和轻量级,我不想添加库只是为了让这个工作.

javascript environment-variables api-key ecmascript-6

6
推荐指数
1
解决办法
9474
查看次数