通过contentful-cli创建的扩展不会加载到localhost上

Question

我正在尝试使用下面内容文档中给出的步骤来创建我自己的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，这也不会在本地主机上加载任何内容

如果之前有人成功尝试过，请帮助

Answer 1

这里是Contentful。?

Contentful UI extensions和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!");
});

您说得对，当您在浏览器中打开本地运行的扩展服务器时，上面的init块不会触发。这里的原因是扩展SDK提供了功能并与周围的Contentful Interface进行通信。如果没有令人满意的用户界面，它将无法工作。

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

到目前为止，我不知道您是如何设置扩展的，但我建议您看看the video in the docs that you linked。本文详细介绍了如何在Contentful UI中设置UI扩展。