Οι αποκεντρωμένοι ιστότοποι γίνονται πιο συνηθισμένοι καθώς το Web3 κερδίζει δημοτικότητα. Δείτε πώς μπορείτε να δημιουργήσετε έναν αποκεντρωμένο ιστότοπο.

Η δημιουργία ενός αποκεντρωμένου ιστότοπου είναι ευκολότερη από ό, τι θα περίμεναν οι περισσότεροι. Στην πραγματικότητα, η μόνη διαφορά μεταξύ ενός αποκεντρωμένου ιστότοπου και ενός κανονικού ιστότοπου είναι ότι φιλοξενείται σε ένα αποκεντρωμένο δίκτυο. Σχεδόν όλα τα άλλα παραμένουν ίδια.

Σε αυτόν τον οδηγό, θα περάσουμε από τη διαδικασία δημιουργίας και έναρξης ενός αποκεντρωμένου ιστότοπου. Θα χρειαστείτε έναν τομέα Web3 και κάποιο ETH στο πορτοφόλι σας για να ολοκληρώσετε τη διαδικασία.

1. Δημιουργήστε τα αρχεία του ιστότοπού σας

Ξεκινήστε προετοιμάζοντας τα απαραίτητα αρχεία ιστότοπου. Εναλλακτικά, μπορείτε να κατεβάσετε ένα δωρεάν πρότυπο ιστότοπου από παρόχους προτύπων και να το χρησιμοποιήσετε για να δημιουργήσετε τον αποκεντρωμένο ιστότοπό σας. Θα κατεβάσουμε ένα πρότυπο από το Δωρεάν CSS για να αναπτύξουμε τον ιστότοπό μας.

  1. Επίσκεψη
    instagram viewer
    Δωρεάν CSS, επιλέξτε ένα πρότυπο και κάντε λήψη του. Στη συνέχεια, εξαγάγετε το αρχείο ZIP σε έναν φάκελο που περιέχει κάθε μεμονωμένο αρχείο, όπως φαίνεται παρακάτω.

Εάν δημιουργείτε τον ιστότοπο από την αρχή, βεβαιωθείτε ότι έχετε όλα τα αρχεία σας σε έναν φάκελο.

2. Ανεβάστε τα αρχεία του ιστότοπού σας στο IPFS

Το IPFS (Inter-Planetary File System), είναι το πιο δημοφιλές αποκεντρωμένο σύστημα αποθήκευσης αρχείων που αποτελείται από ένα παγκοσμίως κατανεμημένο δίκτυο υπολογιστών που συνεργάζονται για να φιλοξενήσουν αρχεία.

Για αρχή, μπορείτε να φιλοξενήσετε τα αρχεία του ιστότοπού σας στον προσωπικό σας υπολογιστή με κόμβο IPFS που εκτελείται ανεξάρτητα. Η πρόκληση με αυτήν τη διαδρομή είναι ότι ο υπολογιστής σας πρέπει να είναι συνδεδεμένος στο διαδίκτυο για να έχει πρόσβαση κάποιος στον αποκεντρωμένο ιστότοπό σας.

Η άλλη επιλογή είναι να χρησιμοποιήσετε μια πλατφόρμα φιλοξενίας IPFS όπως π.χ Piñata, Infura, ή Fleek για να φιλοξενήσετε και να διανείμετε τα αρχεία σας στο δίκτυο IPFS, καθιστώντας το προσβάσιμο σε οποιονδήποτε. Ωστόσο, θα χρειαστεί να πληρώσετε για μια συνδρομή για να χρησιμοποιήσετε ορισμένες από αυτές τις υπηρεσίες.

Μεταφόρτωση στον κόμβο IPFS σας

Πρώτα, πρέπει να εκτελέσετε έναν ανεξάρτητο κόμβο IPFS.

  1. Ξεκινήστε από ρύθμιση IPFS στον υπολογιστή σας. Μπορείτε είτε να κάνετε λήψη του προγράμματος-πελάτη υπολογιστή είτε να χρησιμοποιήσετε την επέκταση προγράμματος περιήγησης Brave για να ρυθμίσετε τον κόμβο IPFS σας.
  2. Αφού έχετε ήδη ρυθμιστεί, ανοίξτε τον πίνακα ελέγχου IPFS και κάντε κλικ Εισαγωγήκαι ανεβάστε το φάκελο του ιστότοπού σας.
  3. Για να ελέγξετε αν ο ιστότοπος είναι ζωντανός, κάντε κλικ στις τρεις τελείες στη δεξιά πλευρά του αρχείου, επιλέξτε Μοιράζομαι ένα σύνδεσμο, αντιγράψτε και ανοίξτε τον σύνδεσμο IPFS σε μια νέα καρτέλα στο Brave. Ο ιστότοπος θα πρέπει να φορτώσει καλά εάν ρυθμίσετε σωστά το Brave.

Μεταφόρτωση στο Fleek

Το Fleek επιτρέπει στους χρήστες να ανεβάζουν ιστότοπους στο IPFS δωρεάν, ενώ το Piñata απαιτεί ένα πακέτο premium. Ωστόσο, θα πρέπει πρώτα να αναπτύξετε τον ιστότοπό σας στο GitHub για να μπορέσετε να χρησιμοποιήσετε το Fleek.

  1. Ανοίξτε τον πίνακα ελέγχου του GitHub και δημιουργήστε ένα νέο αποθετήριο. Στη συνέχεια, ανεβάστε τα αρχεία του ιστότοπού σας στο αποθετήριο GitHub χρησιμοποιώντας το Git, ένα σύστημα ελέγχου έκδοσης καλά ενσωματωμένο με το GitHub. Για εύκολη επίδειξη, αποθηκεύστε πρώτα το αρχείο του ιστότοπού σας σε έναν φάκελο στην επιφάνεια εργασίας σας που ονομάζεται dWeb
  2. Επίσκεψη Git-scm, κατεβάστε και εγκαταστήστε την πιο πρόσφατη έκδοση του Git.
  3. Εκκινήστε το Git Bash από το μενού Έναρξης του υπολογιστή σας και πληκτρολογήστε:
    cd desktop/dWeb
    Αυτή η εντολή επιτρέπει στο Git να ξεκινήσει μέσα στο φάκελο που δημιουργήσαμε στην επιφάνεια εργασίας για να προετοιμάσει ένα τοπικό αποθετήριο.
  4. Στη συνέχεια, εκτελέστε τις ακόλουθες εντολές μία προς μία:
    git init 
    git add. 
    git commit -m "first commit"
    gitremoteaddorigin[url].git
    Όπου το [url] αντιπροσωπεύει τη διεύθυνση του αποθετηρίου GitHub. Στην περίπτωσή μας είναι:
    git remote add origin https://github.com/elgwaro/dWeb.git

Η εκτέλεση αυτών των εντολών προετοιμάζει έναν κρυφό φάκελο .git στον φάκελο του ιστότοπού σας και προσθέτει όλα τα αρχεία του ιστότοπού σας στον φάκελο .git, τα δεσμεύει για μεταφόρτωση και τελικά ανεβάζει τα αρχεία στο αποθετήριο GitHub.

Αυτός είναι ο πιο αποτελεσματικός τρόπος για να ανεβάσετε πολλά αρχεία ιστότοπου και φακέλους σε ένα αποθετήριο GitHub, το οποίο θα πρέπει να έχει την εμφάνιση όπως φαίνεται παραπάνω.

Δείτε πώς μπορείτε να συνδέσετε έναν λογαριασμό Fleek με το GitHub

  1. Επίσκεψη Fleek, συνδεθείτε στον λογαριασμό σας και κάντε κλικ στο Προσθήκη νέου ιστότοπου
  2. Συνδέστε το Fleek στο GitHub και εξουσιοδοτήστε την πρόσβαση στο αποθετήριο με τα αρχεία του ιστότοπού σας.
  3. Το Fleek θα εμφανίσει το επιλεγμένο αποθετήριο. Προχωρήστε στο Ανάπτυξη τοποθεσίας καρτέλα, επιλέξτε IPFS και κάντε κλικ στο Να συνεχίσει.
  4. Επιλέξτε το πλαίσιο (αν δεν είστε σίγουροι, αφήστε το ως Αλλα) και αναπτύξτε τον ιστότοπό σας.

Ο ιστότοπός σας θα αναπτυχθεί στο IPFS.

3. Συνδέστε τον τομέα Web3 σας

Είτε χρησιμοποιείτε έναν τοπικό κόμβο IPFS είτε μια διαδικτυακή πλατφόρμα όπως το Fleek, σε αυτό το σημείο θα πρέπει να αναπτύξετε τον ιστότοπό σας στο IPFS, πράγμα που σημαίνει ότι έχετε τον κατακερματισμό IPFS του ιστότοπου.

Έτσι, το επόμενο βήμα είναι να συνδέσετε τον ιστότοπό σας με τον τομέα Web3. Μπορείτε να αγοράσετε ένα από οποιοδήποτε από τα κορυφαίοι καταχωρητές Web3 στην αγορά. Το κόστος του τομέα θα εξαρτηθεί από τους όρους της πλατφόρμας και για συστήματα τομέα που βασίζονται σε blockchain, θα επιβαρυνθείτε με ένα τέλος δικτύου για την καταγραφή της συναλλαγής στο blockchain.

Για τους σκοπούς αυτής της επίδειξης, αποκτήσαμε elgwaro.ηθ τομέα στο ENS.

Σύνδεση ενός τομέα ENS με έναν ιστότοπο IPFS

Δείτε πώς μπορείτε να συνδέσετε τον τομέα ENS σας με έναν ιστότοπο που φιλοξενείται στο IPFS

  1. Ανοίξτε τον πίνακα ελέγχου ENS και αποκτήστε πρόσβαση στην ενότητα του ονόματος τομέα σας.
  2. Επίλεξε το Εγγραφές καρτέλα και κάντε κλικ στο Επεξεργασία Εγγραφών.
  3. Επιλέγω Αλλα, επικολλήστε τον σύνδεσμο του ανεξάρτητου ιστότοπου IPFS και κάντε κλικ Αποθηκεύσετε.
  4. Θα σας ζητηθεί να συνδέσετε το πορτοφόλι σας για να εξουσιοδοτήσετε τη συναλλαγή, κάτι που θα σας κοστίσει μια μικρή χρέωση ανάλογα με τη δραστηριότητα του δικτύου.
  5. Μόλις ολοκληρωθεί η συναλλαγή, ο τομέας Web3 σας θα συνδεθεί με τον αποκεντρωμένο ιστότοπό σας.

Εάν χρησιμοποιείτε το Fleek, μπορείτε να συνδέσετε τον τομέα σας στον πίνακα ελέγχου του Fleek.

  1. Ανοίξτε τον αναπτυγμένο πίνακα ελέγχου του ιστότοπού σας και κάντε κλικ στο Προσθήκη προσαρμοσμένου τομέα.
  2. Κάντε κύλιση προς τα κάτω στο Πληροφορίες ENS και κάντε κλικ στο Προσθήκη ENS.
  3. Πληκτρολογήστε τον τομέα ENS σας, κάντε κλικ στο Επαληθεύω και μετά επιβεβαιώστε.
  4. Στη συνέχεια, κάντε κλικ στο Ορισμός κατακερματισμού περιεχομένου. Θα σας ζητηθεί να συνδέσετε το πορτοφόλι σας για να εξουσιοδοτήσετε τη συναλλαγή πληρώνοντας ένα μικρό ποσό με βάση τη δραστηριότητα του δικτύου. Για να ρυθμίσετε με επιτυχία τη σύνδεση, βεβαιωθείτε ότι ο συνδεδεμένος λογαριασμός πορτοφολιού είναι ο ελεγκτής του τομέα.

4. Πρόσβαση στον Ιστότοπό σας

Μόλις συνδέσετε με επιτυχία τον τομέα Web3 με τον αποκεντρωμένο ιστότοπό σας, ο τομέας Web3 θα οδηγηθεί στον αποκεντρωμένο ιστότοπό σας.

Μπορείτε να έχετε πρόσβαση χρησιμοποιώντας το δικό σας Τομέας ENS +.σύνδεσμος. Για παράδειγμα, σε αυτή την περίπτωση, είναι elgwaro.eth.link. Ωστόσο, όταν χρησιμοποιείτε ένα πρόγραμμα περιήγησης με δυνατότητα IPFS όπως το Brave, δεν χρειάζεται να το συμπεριλάβετε .Σύνδεσμος στο τέλος της διεύθυνσης URL σας.

Δημιουργήσατε με επιτυχία τον αποκεντρωμένο ιστότοπό σας.

Προχωρώντας πέρα ​​από την ανάπτυξη Web2

Καθώς το Διαδίκτυο γίνεται πιο αποκεντρωμένο με την πάροδο του χρόνου, ο αριθμός των αποκεντρωμένων ιστοσελίδων θα ξεπεράσει πιθανώς αυτούς που φιλοξενούνται σε κεντρικούς διακομιστές τελικά. Ευτυχώς, η μετάβαση από την ανάπτυξη ιστοτόπων Web2 στην Web3 δεν είναι τόσο περίπλοκη όσο φαίνεται. Επομένως, εάν σκεφτήκατε να δημιουργήσετε έναν αποκεντρωμένο ιστότοπο που να είναι ανθεκτικός στη λογοκρισία, αυτός ο οδηγός μπορεί να σας δώσει μια τεράστια αρχή.