Weiter zum Hauptinhalt

IPFS für dezentralisierte Benutzeroberflächen

ipfs
Anfänger
Ori Pomerantz
29. Juni 2024
4 Minuten Lesedauer

Sie haben eine unglaubliche neue Dapp geschrieben. Sie haben sogar eine Benutzeroberfläche dafür geschrieben. Aber jetzt befürchten Sie, dass jemand versuchen könnte, sie zu zensieren, indem er Ihre Benutzeroberfläche, die sich nur auf einem einzigen Server in der Cloud befindet, lahmlegt. In diesem Tutorial lernen Sie, wie Sie Zensur vermeiden können, indem Sie Ihre Benutzeroberfläche im Interplanetary File System (IPFS) (opens in a new tab) ablegen, sodass jeder Interessierte sie für den zukünftigen Zugriff auf einem Server pinnen kann.

Sie könnten einen Drittanbieterdienst wie Fleek (opens in a new tab) nutzen, um die ganze Arbeit zu erledigen. Dieses Tutorial richtet sich an Personen, die genug tun wollen, um zu verstehen, was sie tun, auch wenn es mehr Arbeit bedeutet.

Lokale erste Schritte

Es gibt mehrere Drittanbieter von IPFS (opens in a new tab), aber für Testzwecke ist es am besten, IPFS zunächst lokal auszuführen.

  1. Installieren Sie die IPFS-Benutzeroberfläche (opens in a new tab).

  2. Erstellen Sie ein Verzeichnis mit Ihrer Website. Wenn Sie Vite (opens in a new tab) verwenden, nutzen Sie diesen Befehl:

    1pnpm vite build
  3. Klicken Sie in IPFS Desktop auf Importieren > Ordner und wählen Sie das Verzeichnis aus, das Sie im vorherigen Schritt erstellt haben.

  4. Wählen Sie den Ordner aus, den Sie gerade hochgeladen haben, und klicken Sie auf Umbenennen. Geben Sie ihm einen aussagekräftigeren Namen.

  5. Wählen Sie ihn erneut aus und klicken Sie auf Link teilen. Kopieren Sie die URL in die Zwischenablage. Der Link wäre ähnlich wie https://ipfs.io/ipfs/QmaCuQ7yN6iyBjLmLGe8YiFuCwnePoKfVu6ue8vLBsLJQJ.

  6. Klicken Sie auf Status. Erweitern Sie den Tab Erweitert, um die Gateway-Adresse zu sehen. Auf meinem System lautet die Adresse beispielsweise http://127.0.0.1:8080.

  7. Kombinieren Sie den Pfad aus dem Link-Schritt mit der Gateway-Adresse, um Ihre Adresse zu finden. Für das obige Beispiel lautet die URL http://127.0.0.1:8080/ipfs/QmaCuQ7yN6iyBjLmLGe8YiFuCwnePoKfVu6ue8vLBsLJQJ. Öffnen Sie diese URL in einem Browser, um Ihre Website zu sehen.

Hochladen

Jetzt können Sie IPFS also verwenden, um Dateien lokal bereitzustellen, was nicht sehr aufregend ist. Der nächste Schritt besteht darin, sie für die ganze Welt verfügbar zu machen, wenn Sie offline sind.

Es gibt eine Reihe von bekannten Pinning-Diensten (opens in a new tab). Wählen Sie einen davon aus. Egal welchen Dienst Sie nutzen, Sie müssen ein Konto erstellen und ihm den Content Identifier (CID) von Ihrem IPFS-Desktop bereitstellen.

Ich persönlich fand 4EVERLAND (opens in a new tab) am einfachsten zu bedienen. Hier ist die Anleitung dafür:

  1. Navigieren Sie zum Dashboard (opens in a new tab) und melden Sie sich mit Ihrer Wallet an.

  2. Klicken Sie in der linken Seitenleiste auf Speicher > 4EVER Pin.

  3. Klicken Sie auf Hochladen > Ausgewählte CID. Geben Sie Ihrem Inhalt einen Namen und geben Sie die CID aus dem IPFS-Desktop an. Derzeit ist eine CID eine Zeichenkette, die mit Qm beginnt, gefolgt von 44 Buchstaben und Ziffern, die einen Base58-kodierten (opens in a new tab) Hash darstellen, wie z. B. QmaCuQ7yN6iyBjLmLGe8YiFuCwnePoKfVu6ue8vLBsLJQJ, aber das wird sich wahrscheinlich ändern (opens in a new tab).

  4. Der anfängliche Status ist In Warteschlange. Laden Sie neu, bis er sich auf Gepinnt ändert.

  5. Klicken Sie auf Ihre CID, um den Link zu erhalten. Sie können meine Anwendung hier (opens in a new tab) sehen.

  6. Möglicherweise müssen Sie Ihr Konto aktivieren, damit es länger als einen Monat gepinnt bleibt. Die Aktivierung des Kontos kostet etwa 1 $. Wenn Sie es geschlossen haben, melden Sie sich ab und wieder an, um erneut zur Aktivierung aufgefordert zu werden.

Verwendung von IPFS

An diesem Punkt haben Sie einen Link zu einem zentralisierten Gateway, das Ihre IPFS-Inhalte bereitstellt. Kurz gesagt, Ihre Benutzeroberfläche ist vielleicht etwas sicherer, aber immer noch nicht zensurresistent. Für echte Zensurresistenz müssen Benutzer IPFS direkt aus einem Browser (opens in a new tab) verwenden.

Sobald Sie das installiert haben (und der Desktop-IPFS funktioniert), können Sie auf jeder Website zu /ipfs/<CID> (opens in a new tab) gehen und Sie erhalten diesen Inhalt auf dezentralisierte Weise.

Nachteile

Sie können IPFS-Dateien nicht zuverlässig löschen. Solange Sie also Ihre Benutzeroberfläche ändern, ist es wahrscheinlich am besten, sie entweder zentralisiert zu belassen oder das Interplanetary Name System (IPNS) (opens in a new tab) zu verwenden, ein System, das Veränderbarkeit auf IPFS bietet. Natürlich kann alles, was veränderbar ist, zensiert werden, im Fall von IPNS, indem man die Person unter Druck setzt, die den zugehörigen privaten Schlüssel besitzt.

Außerdem haben einige Pakete ein Problem mit IPFS. Wenn Ihre Website also sehr kompliziert ist, ist das möglicherweise keine gute Lösung. Und natürlich kann alles, was auf Server-Integration angewiesen ist, nicht dezentralisiert werden, nur weil die Client-Seite auf IPFS liegt.

Fazit

So wie Ethereum es Ihnen ermöglicht, die Datenbank- und Geschäftslogikaspekte Ihrer Dapp zu dezentralisieren, ermöglicht IPFS die Dezentralisierung der Benutzeroberfläche. Damit können Sie einen weiteren Angriffsvektor gegen Ihre Dapp ausschalten.

Hier finden Sie mehr von meiner Arbeit (opens in a new tab).

Seite zuletzt aktualisiert: 25. Februar 2026

War dieses Tutorial hilfreich?