【发布时间】:2022-02-05 14:07:54
【问题描述】:
我正在尝试使用 Youtube API V3 从 YouTube 频道获取数据。下面的代码获取各种数据点,但是当我尝试运行应用程序时,我没有在响应对象中看到有效负载(“项目”)数组,也没有收到“错误”。这是我看到的:
{
kind: 'youtube#channelListResponse',
etag: 'PqCO86vmlUDWFiOBSqOsOZRp5jE',
pageInfo: { totalResults: 0, resultsPerPage: 50 }
}
我的代码看起来像这样 - 我做错了什么?
const Youtube = ({ youtubeDataJson }) => {
console.log(youtubeDataJson);
return (
<>
<div>
<h1>This should log the data</h1>
</div>
</>
);
};
export async function getServerSideProps(context) {
//Base Url
const gBaseUrl = "https://www.googleapis.com/youtube/v3";
const channelName = "ThePrimeagen";
// fetching data
const youtubeData = await fetch(
`${gBaseUrl}/channels?part=snippet&part=contentDetails&part=statistics&part=contentOwnerDetails&forUsername=${channelName}&maxResults=50&key=${process.env.YOUTUBE_API_KEY}`
);
const youtubeDataJson = await youtubeData.json();
//Return data
return {
props: {
youtubeDataJson
}
};
}
export default Youtube;
【问题讨论】:
标签: node.js next.js youtube-api