通过 contentful-cli 创建的扩展不会在本地主机上加载

Question

我正在尝试使用以下 Contentful 文档中给出的步骤创建自己的 UI 字段扩展： https://www.contentful.com/developers/docs/extensibility/ui-extensions/managing-a-ui-extension/

出于某种原因，我的 localhost:1234 服务器运行但未加载任何内容...sdk 的 init 函数似乎没有触发，因此根 div 中没有添加任何内容。

我也试过克隆示例扩展 https://github.com/contentful/extensions/tree/master/samples/external-api 这也不会在 localhost

上加载任何内容

如果有人以前成功尝试过，请帮忙

Answer 1

此处内容丰富的 DevRel。

Contentful UI extensions and Apps 背后的想法是，它们是内容 UI 中 iframe 中运行的网站。

// the below callback will only be called 
// when the code runs in a iframe in the Contentful UI
window.contentfulExtension.init(function (sdk) {
  var value = sdk.field.getValue();
  sdk.field.setValue("Hello world!");
});

你是对的，当你在浏览器中打开本地运行ning 扩展服务器时，上面的 init 块没有触发。此处的原因是扩展 SDK 提供功能以及与周围内容接口的通信。如果周围没有 Contentful UI，它将无法工作。

只有当 localhost 或任何其他 URL 加载到 Contentful UI 中时，SDK 才会调用您的 init 回调。对于 UI 扩展程序或应用程序的开发流程，localhost 将直接加载到 UI 中，直到您部署扩展程序。 :)

到目前为止，我不知道您是如何设置扩展程序的，但我建议您查看一下 the video in the docs that you linked。它详细介绍了如何在 Contentful UI.

中设置 UI 扩展

通过 contentful-cli 创建的扩展不会在本地主机上加载

Extension created via contentful-cli does not load on localhost

reactjs

contentful