Децентрализираните уебсайтове стават все по-често срещани, тъй като Web3 набира популярност. Ето как да създадете децентрализиран сайт.

Създаването на децентрализиран уебсайт е по-лесно, отколкото повечето хора биха очаквали. Всъщност единствената разлика между децентрализиран уебсайт и нормален сайт е, че той се хоства в децентрализирана мрежа. Почти всичко останало си остава същото.

В това ръководство ще преминем през процеса на създаване и стартиране на децентрализиран уебсайт. Ще имате нужда от Web3 домейн и малко ETH в портфейла си, за да преминете през целия процес.

1. Създайте файлове на вашия уебсайт

Започнете, като подготвите необходимите файлове на уебсайта. Като алтернатива можете да изтеглите безплатен шаблон за уебсайт от доставчиците на шаблони и да го използвате, за да създадете своя децентрализиран уебсайт. Ще изтеглим шаблон от Free CSS, за да разработим нашия сайт.

  1. Посетете Безплатен CSS, изберете шаблон и го изтеглете. След това извлечете ZIP файла в папка, съдържаща всеки отделен файл, както е показано по-долу.
instagram viewer

Ако изграждате сайта от нулата, уверете се, че имате всичките си файлове в една папка.

2. Качете файловете на вашия уебсайт в IPFS

IPFS (Inter-Planetary File System) е най-популярната децентрализирана система за съхранение на файлове, съставена от глобално разпределена peer-to-peer мрежа от компютри, които си сътрудничат, за да хостват файлове.

Като начало можете да хоствате файловете на уебсайта си на вашия независимо работещ IPFS възел – персонален компютър. Предизвикателството с този маршрут е, че вашият компютър трябва да е онлайн, за да може някой да има достъп до вашия децентрализиран уебсайт.

Другата възможност е да използвате IPFS хостинг платформа като напр Пинята, Инфура, или Флийк за хостване и разпространение на вашите файлове в IPFS мрежата, правейки ги достъпни за всеки. Ще трябва обаче да платите абонамент, за да използвате някои от тези услуги.

Качване във вашия IPFS възел

Първо, трябва да стартирате независим IPFS възел.

  1. Започнете от настройка на IPFS на вашия компютър. Можете да изтеглите компютърния клиент или да използвате разширението на браузъра Brave, за да настроите своя IPFS възел.
  2. След като вече сте настроени, отворете таблото за управление на IPFS, щракнете Импортиранеи качете папката на уебсайта си.
  3. За да проверите дали уебсайтът е активен, щракнете върху трите точки от дясната страна на файла, изберете Сподели връзка, копирайте и отворете IPFS връзката в нов раздел в Brave. Сайтът трябва да се зареди добре, ако настроите Brave правилно.

Качване във Fleek

Fleek позволява на потребителите да качват уебсайтове в IPFS безплатно, докато Piñata изисква първокласен пакет. Независимо от това, първо ще трябва да разположите уебсайта си в 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. Посетете Флийк, влезте в акаунта си и щракнете върху Добавяне на нов сайт
  2. Свържете Fleek към GitHub и упълномощете достъп до хранилището с файловете на вашия уебсайт.
  3. Fleek ще покаже избраното от вас хранилище. Продължете към Разположете местоположение изберете IPFS и щракнете върху продължи.
  4. Изберете рамката (ако не сте сигурни, оставете я като други) и внедрите сайта си.

Вашият сайт ще бъде внедрен в IPFS.

3. Свържете своя Web3 домейн

Независимо дали използвате локален IPFS възел или онлайн платформа като Fleek, на този етап вашият сайт трябва да е разположен на IPFS, което означава, че имате IPFS хеша на сайта.

Така че следващата стъпка е да свържете вашия сайт с вашия Web3 домейн. Можете да закупите такъв от всеки от топ Web3 регистратори в магазина. Цената на домейна ще зависи от условията на платформата и за домейн системи, базирани на блокчейн, ще наложите мрежова такса за транзакцията, която ще бъде записана в блокчейна.

За целите на тази демонстрация ние придобихме elgwaro.eth домейн на 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 домейн +.link. Например, в този случай е elgwaro.eth.link. Въпреки това, когато използвате IPFS-активиран браузър като Brave, не е необходимо да включвате .връзка в края на вашия URL адрес.

Успешно създадохте своя децентрализиран уебсайт.

Преминаване отвъд Web2 разработката

Тъй като интернет става все по-децентрализиран с времето, броят на децентрализираните уебсайтове вероятно ще надхвърли тези, хоствани на централизирани сървъри в крайна сметка. За щастие преходът от Web2 към Web3 разработка на уебсайтове не е толкова сложен, колкото изглежда. Следователно, ако сте мислили да създадете децентрализиран уебсайт, който е устойчив на цензура, това ръководство може да ви даде огромна преднина.