Reddit Fetch

Beginnen Sie mit einer Vorschau auf drei historische Kommentare

Entwickeln Sie mit serverseitigem fetch eine kleine historische Kommentarvorschau. Prüfen Sie HTTP und JSON und unterscheiden Sie leere Ergebnisse von Fehlern.

API-Schlüssel erhalten

Beispielanfrage

JavaScript

const response = await fetch("https://api.redditfetch.com/v1/comments?subreddit=javascript&limit=3", {
  headers: { Authorization: "Bearer YOUR_API_KEY" }
});
if (!response.ok) throw new Error(`HTTP ${response.status}`);
const payload = await response.json();
console.log(payload);

Geben Sie der ersten Ansicht eine klare Aufgabe

Eine Kommentarvorschau braucht zunächst eine überschaubare Aufgabe: vorhandene Textfragmente anzeigen und verständlich erklären, wenn etwas fehlt. Reddit Fetch bietet JavaScript-Anwendungen Zugriff auf ein unabhängiges historisches Reddit-Archiv. Wählen Sie eine Community und legen Sie vor dem ersten Aufruf fest, was bei fehlendem Text erscheinen soll. So hat jeder Verarbeitungsschritt einen konkreten Zweck in Ihrer Anwendung.

Das Beispiel lautet GET https://api.redditfetch.com/v1/comments?subreddit=javascript&limit=3. Dabei wählt subreddit=javascript die Community aus; limit=3 fordert höchstens drei Kommentare an. Drei ist eine Obergrenze und keine Zusage für drei ausgefüllte Karten. Die Antwort kann weniger Datensätze enthalten oder leer sein. Auch drei gelieferte Kommentare müssen nicht aus derselben Diskussion stammen. Ihre Nachbarschaft in der Liste beweist keinen Zusammenhang.

Lassen Sie den Server die Anfrage ausführen

Führen Sie fetch im Node.js-Prozess aus und laden Sie REDDIT_FETCH_API_KEY aus einer geschützten Serverkonfiguration. Prüfen Sie vor dem Aufruf, ob der Wert vorhanden ist. Authorization: Bearer <key> und X-API-Key: <key> werden beide akzeptiert. Der Platzhalter steht für Ihr gespeichertes Geheimnis, das nicht in das an Browser ausgelieferte JavaScript gehört.

Lassen Sie das Ziel bei diesem ersten Versuch fest vorgegeben. Nach der Prüfung kann Ihr Server eine auf die Vorschau zugeschnittene Darstellung an den Browser senden. Geben Sie den Schlüssel nicht weiter und übernehmen Sie keine beliebige Besucher-URL als Ziel einer authentifizierten Anfrage. Legen Sie außerdem fest, wer aktualisieren darf: Ein verborgener Schlüssel begrenzt den Verbrauch Ihrer eigenen Route nicht automatisch.

Zeigen Sie den tatsächlichen Ausgang an

Ein erfülltes fetch-Promise bestätigt noch keinen HTTP-Erfolg. Prüfen Sie response.ok, bevor Sie den Inhalt als Kommentardaten behandeln, und kontrollieren Sie anschließend JSON und benötigte Felder. Eine Netzwerkausnahme ist ein anderer Ausgang; auch die JSON-Dekodierung kann trotz empfangener Antwort scheitern. Für diese Fälle braucht die Anwendung eigene Reaktionen statt einer pauschalen Meldung über eine leere Liste.

Kommentare kommen als flache Fragmente zurück. Prüfen Sie verfügbaren Text, bestimmen Sie eine lokale Ersatzanzeige für fehlende Werte und geben Sie Inhalte als Text aus. Laden, Vorschau verfügbar, leeres Ergebnis und Fehler sind Zustände Ihrer Anwendung. Eine leere Archivantwort beweist nicht, dass die Community keine Kommentare hat. Drei Fragmente ergeben ebenso wenig einen vollständigen Gesprächsbaum.

Entscheiden Sie bewusst über die nächste Aktualisierung

Jeder erfolgreiche Abruf kostet einen Credit, auch ein leerer. Der Preis beträgt $1 für 1000 erfolgreiche Anfragen; die Mindestaufladung von $50 kauft 50000 bezahlte Credits. Testcredits hängen von der Berechtigung ab. Eine gespeicherte lokale Antwort lässt sich ohne neuen Abruf verwenden. Eine erfolgreiche Aktualisierung kostet dagegen erneut einen Credit, selbst wenn der angezeigte Text gleich bleibt.

Das Archiv ist unabhängig und weder ein offizieller Reddit-Dienst noch ein Livestream. Vollständige Abdeckung, dauerhafte Verfügbarkeit und unveränderte Antworten werden nicht zugesagt. Kennzeichnen Sie die Vorschau als historisch und setzen Sie die Archivreihenfolge nicht mit einer Sortierung nach Datum gleich. Die Schlüsselseite erklärt die Konfiguration, der Leitfaden die Fehlerbehandlung und die Dokumentation das Antwortformat.