Skip to content

39. Czytnik RSS

This content is not available in your language yet.

Czytnik RSS — dodawanie kanałów RSS przez URL, pobieranie artykułów przez proxy API, lista z tytułami i linkami.

// RSS przez CORS proxy:
// https://api.rss2json.com/v1/api.json?rss_url=URL_FEED
async function fetchRSS(feedUrl) {
const proxy = `https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(feedUrl)}`;
const res = await fetch(proxy);
const data = await res.json();
if (data.status !== 'ok') throw new Error('Nie można pobrać feedu');
return {
title: data.feed.title,
items: data.items.map((item) => ({
title: item.title,
link: item.link,
pubDate: item.pubDate,
description: item.description,
thumbnail: item.thumbnail,
})),
};
}
// Przykładowe feedy RSS do testów:
// https://feeds.feedburner.com/TechCrunch
// https://www.theverge.com/rss/index.xml
// https://rss.nytimes.com/services/xml/rss/nyt/Technology.xml
  • Predefiniowane 3-5 kanałów RSS
  • Pobieranie i wyświetlenie artykułów
  • Kliknięcie otwiera artykuł (zewnętrzny link)
  • Stan ładowania i obsługa błędów
Ocena: 3.0

Powodzenia!

Czytnik RSS to projekt z prawdziwymi danymi z internetu. RSS to XML — ale przez rss2json.com dostajemy JSON, co upraszcza kod. CORS jest głównym problemem przy RSS — dlatego potrzebujemy proxy. Pamiętaj że rss2json.com ma limit zapytań na bezpłatnym planie — cache wyniki w localStorage!