Home-theater-designers
Das Erstellen einer dezentralen Website ist einfacher, als die meisten Leute erwarten würden. Tatsächlich besteht der einzige Unterschied zwischen einer dezentralen Website und einer normalen Website darin, dass sie in einem dezentralen Netzwerk gehostet wird. Fast alles andere bleibt gleich.
MUO-Video des Tages Scrollen Sie, um mit dem Inhalt fortzufahren
In diesem Leitfaden gehen wir durch den Prozess der Erstellung und Einführung einer dezentralen Website. Sie benötigen eine Web3-Domain und etwas ETH in Ihrem Wallet, um den gesamten Prozess durchführen zu können.
1. Erstellen Sie Ihre Website-Dateien
Beginnen Sie mit der Vorbereitung der erforderlichen Website-Dateien. Alternativ können Sie eine kostenlose Website-Vorlage von Vorlagenanbietern herunterladen und diese zum Erstellen Ihrer dezentralen Website verwenden. Wir laden eine Vorlage von Free CSS herunter, um unsere Website zu entwickeln.
- Besuchen Kostenloses CSS , wählen Sie eine Vorlage aus und laden Sie sie herunter. Extrahieren Sie dann die ZIP-Datei in einen Ordner, der jede einzelne Datei enthält, wie unten gezeigt.
Wenn Sie die Site von Grund auf erstellen, stellen Sie sicher, dass sich alle Ihre Dateien in einem Ordner befinden.
2. Laden Sie Ihre Website-Dateien auf IPFS hoch
IPFS (Inter-Planetary File System) ist das beliebteste dezentrale Dateispeichersystem, das aus einem weltweit verteilten Peer-to-Peer-Netzwerk von Computern besteht, die zusammenarbeiten, um Dateien zu hosten.
Zunächst einmal können Sie Ihre Website-Dateien auf Ihrem unabhängig betriebenen IPFS-Knoten – dem Personalcomputer – hosten. Die Herausforderung bei diesem Weg besteht darin, dass Ihr Computer online sein muss, damit jemand auf Ihre dezentrale Website zugreifen kann.
So ändern Sie den Speicherort des iTunes-Backups
Die andere Möglichkeit besteht darin, eine IPFS-Hosting-Plattform wie zu verwenden Pinata , Fett , oder Fleek um Ihre Dateien im IPFS-Netzwerk zu hosten und zu verteilen und sie so für jedermann zugänglich zu machen. Allerdings müssen Sie für die Nutzung einiger dieser Dienste ein Abonnement bezahlen.
Hochladen auf Ihren IPFS-Knoten
Zunächst müssen Sie einen unabhängigen IPFS-Knoten ausführen.
- Beginnen Sie mit Einrichten von IPFS auf Ihrem PC . Sie können entweder den PC-Client herunterladen oder die Brave-Browsererweiterung verwenden, um Ihren IPFS-Knoten einzurichten.
- Sobald Sie die Einrichtung bereits abgeschlossen haben, öffnen Sie das IPFS-Dashboard und klicken Sie auf Importieren , und laden Sie Ihren Website-Ordner hoch.
- Um zu überprüfen, ob die Website online ist, klicken Sie auf die drei Punkte auf der rechten Seite der Datei und wählen Sie aus Einen Link teilen , kopieren Sie den IPFS-Link und öffnen Sie ihn in einem neuen Tab in Brave. Die Seite sollte gut laden, wenn Sie Brave richtig einrichten.
Hochladen auf Fleek
Mit Fleek können Benutzer Websites kostenlos auf IPFS hochladen, während für Piñata ein Premium-Paket erforderlich ist. Dennoch müssen Sie Ihre Website zunächst auf GitHub bereitstellen, bevor Sie Fleek verwenden können.
- Öffnen Sie Ihr GitHub-Dashboard und erstellen Sie ein neues Repository.
Laden Sie als Nächstes Ihre Website-Dateien mit Git, einem gut in GitHub integrierten Versionskontrollsystem, in Ihr GitHub-Repository hoch. Zur einfachen Demonstration speichern Sie zunächst Ihre Website-Datei in einem Ordner mit dem Namen „ dWeb - Besuchen Git-scm , laden Sie die neueste Version von Git herunter und installieren Sie sie.
- Starten Sie Git Bash über das Startmenü Ihres PCs und geben Sie Folgendes ein:
cd desktop/dWeb - Führen Sie dann nacheinander die folgenden Befehle aus:
git init
git add .
git commit -m "first commit"
git remote add origin [url].gitgit remote add origin https://github.com/elgwaro/dWeb.git
Durch das Ausführen dieser Befehle wird ein versteckter .git-Ordner in Ihrem Website-Ordner initialisiert, alle Ihre Website-Dateien zum .git-Ordner hinzugefügt, zum Hochladen übergeben und schließlich in Ihr GitHub-Repository hochgeladen.
Dies ist die effizienteste Möglichkeit, mehrere Website-Dateien und -Ordner in ein GitHub-Repository hochzuladen, das wie oben gezeigt aussehen sollte.
Fleek mit GitHub verknüpfen
So verknüpfen Sie ein Fleek-Konto mit GitHub
- Besuchen Fleek , melden Sie sich bei Ihrem Konto an und klicken Sie auf Neue Site hinzufügen
- Verbinden Sie Fleek mit GitHub und autorisieren Sie den Zugriff auf das Repository mit Ihren Website-Dateien.
- Fleek zeigt Ihr ausgewähltes Repository an. Fahren Sie mit dem fort Standort bereitstellen Wählen Sie auf der Registerkarte „IPFS“ die Option „IPFS“ aus und klicken Sie auf „ Weitermachen .
- Wählen Sie das Framework aus (wenn Sie nicht sicher sind, belassen Sie es so Andere ) und stellen Sie Ihre Site bereit.
Ihre Site wird auf IPFS bereitgestellt.
3. Verbinden Sie Ihre Web3-Domäne
Unabhängig davon, ob Sie einen lokalen IPFS-Knoten oder eine Online-Plattform wie Fleek verwenden, sollte Ihre Site zu diesem Zeitpunkt auf IPFS bereitgestellt sein, was bedeutet, dass Sie über den IPFS-Hash der Site verfügen.
Der nächste Schritt besteht also darin, Ihre Website mit Ihrer Web3-Domain zu verknüpfen. Sie können eines bei jedem von ihnen kaufen Top-Web3-Registrare auf dem Markt. Die Kosten der Domain hängen von den Bedingungen der Plattform ab Blockchain-basierte Domänensysteme , fällt für die Aufzeichnung der Transaktion in der Blockchain eine Netzwerkgebühr an.
Für den Zweck dieser Demonstration haben wir erworben elgwaro.eth Domain auf ENS.
Verknüpfen einer ENS-Domäne mit einer IPFS-Website
So verknüpfen Sie Ihre ENS-Domäne mit einer IPFS-gehosteten Site
- Öffnen Sie Ihr ENS-Dashboard und greifen Sie auf Ihren Domainnamen-Bereich zu.
- Wähle aus Aufzeichnungen Tab und klicken Sie auf Datensätze bearbeiten .
- Wählen Andere , fügen Sie den Link Ihrer unabhängigen IPFS-Website ein und klicken Sie Speichern .
- Sie werden aufgefordert, Ihr Wallet zu verbinden, um die Transaktion zu autorisieren. Dafür fällt je nach Netzwerkaktivität eine geringe Gebühr an.
- Sobald die Transaktion abgeschlossen ist, wird Ihre Web3-Domain mit Ihrer dezentralen Website verknüpft.
Wenn Sie Fleek verwenden, können Sie Ihre Domain im Fleek-Dashboard verbinden.
- Öffnen Sie das Dashboard Ihrer bereitgestellten Website und klicken Sie auf Benutzerdefinierte Domäne hinzufügen .
- Scrollen Sie nach unten zu ENS-Info und klicken Sie auf ENS hinzufügen .
- Geben Sie Ihre ENS-Domäne ein und klicken Sie auf Verifizieren und dann bestätigen.
- Klicken Sie anschließend auf Inhalts-Hash festlegen . Sie müssen Ihr Wallet verbinden, um die Transaktion zu autorisieren, indem Sie eine geringe Gebühr zahlen, die auf der Aktivität des Netzwerks basiert.
Um die Verknüpfung erfolgreich einzurichten, stellen Sie sicher, dass das verbundene Wallet-Konto der Controller der Domäne ist.
4. Greifen Sie auf Ihre Website zu
Sobald Sie Ihre Web3-Domäne erfolgreich mit Ihrer dezentralen Website verknüpft haben, wird Ihre Web3-Domäne auf Ihre dezentrale Website verwiesen.
Sie können mit Ihrem darauf zugreifen ENS-Domäne +.link . In diesem Fall ist es zum Beispiel so elgwaro.eth.link . Wenn Sie jedoch einen IPFS-fähigen Browser wie Brave verwenden, müssen Sie dies nicht tun .Verknüpfung am Ende Ihrer URL.
Sie haben Ihre dezentrale Website erfolgreich erstellt.
Über die Web2-Entwicklung hinausgehen
Da das Internet mit der Zeit immer dezentralisierter wird, wird die Zahl der dezentralen Websites wahrscheinlich irgendwann die Zahl der auf zentralen Servern gehosteten Websites übersteigen. Glücklicherweise ist der Übergang von der Web2- zur Web3-Website-Entwicklung nicht so komplex, wie es scheint. Wenn Sie also darüber nachgedacht haben, eine dezentrale Website zu erstellen, die resistent gegen Zensur ist, kann Ihnen dieser Leitfaden einen großen Vorsprung verschaffen.