隐藏内容空间 ID 和访问令牌，客户端 JavaScript 文件

Hiding contentful Space id and access token, client side javascript file

本文关键字：客户端 JavaScript 文件 访问令牌 空间 ID 隐藏      更新时间：2023-09-26

我是内容新手，我正在尝试将内容从内容显示到网页。我正在使用contentful.js显示内容，我想知道当我在js文件中使用它以在网页中显示内容时，如何对公共用户隐藏这些信息（空间ID和访问令牌值）。下面是我在主 Js 文件中用于在 html 文件中显示内容的 Javascript 代码。

var client = contentful.createClient({
  accessToken: 'b4c0n73n7fu1',
  space: 'cfexampleapi'
});
client.entries()
.then(function (entries) {
  // log the file url of any linked assets on image field name
  entries.forEach(function (entry) {
    if(entry.fields.SampleContent) {
      document.getElementById('sample_content_block').innerHTML = entry.fields.SampleContent;
    }
  })
})

提前感谢！

有几种不同的方法可以做到这一点。最简单的方法是将您的空间 ID 和访问令牌移动到环境变量中。看看这篇关于如何使用Javascript的媒体文章：https://medium.com/ibm-watson-data-lab/environment-variables-or-keeping-your-secrets-secret-in-a-node-js-app-99019dfff716。

然后在您的托管服务提供商上，您将能够将环境变量设置为这些变量，并且您的代码将能够利用它们。

需要注意的有趣一点是，您放入 Contentful 的所有内容都假定为只读。公开您的内容交付 API 密钥（示例中的访问密钥）和空间 ID 并不是世界末日，就像共享备用服务的 API 密钥一样。使用您发布的CDA密钥不会使某人编辑您存储在Contentful上的任何数据，只是为了阅读它。

但是，您需要确保不要公开您的 CMA 密钥（内容管理 API 密钥），因为这将允许人们在 Contentful 中编辑和更改您的内容。

您可以使用自己的服务器（或 lambda 函数）来代理请求，然后将令牌保留在服务器端，不暴露在 Web 上。

相关文章：