创建资产时出现内容内容管理 API 错误 422

Question

我正在尝试使用内容内容管理 API 创建图像并将其发布为资产，但到目前为止一直不成功，我已经能够成功创建和发布条目，但我无法弄清楚为什么资产不起作用。这是我创建资产的代码。最终目标是使它适用于一系列图像/附件，但我正在尝试在处理多个图像/附件之前仅使用一个图像/附件。

makeAsset = async (item) => {
try {
var MClient = createClient({
accessToken: process.env.REACT_APP_CONTENTFUL_MANAGEMENT_ACCESS_TOKEN,
});
let space = await MClient.getSpace(
process.env.REACT_APP_CONTENTFUL_API_SPACE
);
let environment = await space.getEnvironment(
process.env.REACT_APP_CONTENTFUL_ENVIRONMENT
);
const asset = await environment.createAsset({
fields: {
title: {
"en-US": item.imgNames[0],
},
file: {
"en-US": {
fileName: item.images[0].name,
contentType: item.images[0].type,
uploadFrom: item.imgUrls[0],
},
},
},
});
const processedAsset = await asset.processForAllLocales();
processedAsset.publish();

控制台中的错误是这样的：

ValidationFailed: {
"status": 422,
"statusText": "",
"message": "Validation error",
"details": {
"errors": [
{
"name": "type",
"value": "data:image/png;base64,iVBORw0KGg(The rest of the image URL from above)
"type": "Object",
"details": "The type of "value" is incorrect, expected type: Object",
"path": [
"fields",
"file",
"en-US",
"uploadFrom"
]
}
]
},
"request": {
"url": "assets",
"headers": {
"Accept": "application/json, text/plain, */*",
"Content-Type": "application/vnd.contentful.management.v1+json",
"X-Contentful-User-Agent": "sdk contentful-management.js/5.26.1; platform browser; os Windows;",
"Authorization": "Bearer ...7ijJE"
},
"method": "post",
"payloadData": "{"fields":{"title":{"en-US":"scuba_mask"},"file":{"en-US":{"fileName":"scuba_mask.png","contentType":"image/png","uploadFrom":"data:image/png;base64,iVBORw0KG(The rest of image URL)

我一直在尝试搜索其他示例，因为文档不完整，并且没有一个示例对我有用。我尝试的一个解决方案是使用 fs.createReadStream(( 函数，但它已从 React 中删除。

Answer 1

@stefan judis，我使用了示例中的代码，其中一个函数在较新版本中被弃用，所以我想我会出去替换一些东西，它起作用了。供其他有此问题的人将来参考，这里是解决我问题的解决方案：

makeAsset = async (item) => {
try {
//Contentful API Call
var MClient = createClient({
//Fetch access token from environment variables
accessToken: process.env.REACT_APP_CONTENTFUL_MANAGEMENT_ACCESS_TOKEN,
});
//API call that requests the specified space
let space = await MClient.getSpace(
process.env.REACT_APP_CONTENTFUL_API_SPACE
);
let environment = await space.getEnvironment(
process.env.REACT_APP_CONTENTFUL_ENVIRONMENT
);
const file = item.images[0];
const contentType = file.type;
const fileName = file.name;
let asset = await environment.createAssetFromFiles({
fields: {
title: {
"en-US": fileName,
},
file: {
"en-US": {
contentType,
fileName,
file,
},
},
},
});
asset = await asset.processForAllLocales();
asset.publish();
} catch(error) {
console.log(error);
}
}

Answer 2

Heyooo，这里有内容开发者关系。 👋

你是对的，文档可以在这方面得到改进。你有没有给createAssetFromFiles是尝试？

我们有两种不同的上传机制。

1. 提供一个 URL，内容将获取该 URL 以创建资产。在JavaScript CMA SDK中，这是createAsset方法。

2. 触发直接文件上传。为此，我们提供了createAssetFromFiles。

我们也有这个有点旧但工作的例子。它使用createAssetFromFiles并使用内容管理 API 直接从浏览器上传文件。:)

我希望这有所帮助，并对混乱感到抱歉。