Найти тему
Герман Геншин

Как создать децентрализованный сайт

Оглавление

Создать децентрализованный сайт проще, чем многие думают. Фактически, единственное отличие децентрализованного сайта от обычного заключается в том, что он размещается в децентрализованной сети. Почти все остальное остается неизменным.

В этом руководстве мы рассмотрим процесс создания и запуска децентрализованного сайта. Для прохождения всего процесса вам понадобится домен Web3 и некоторое количество ETH в вашем кошельке.

В этой статье:

1. Создание файлов сайта

Начните с подготовки необходимых файлов сайта. В качестве альтернативы можно загрузить бесплатный шаблон сайта у поставщиков шаблонов и использовать его для создания своего децентрализованного сайта. Для создания сайта мы загрузим шаблон с сайта Free CSS.

Если вы создаете сайт с нуля, убедитесь, что все файлы находятся в одной папке.

2. Загрузите файлы сайта в IPFS

IPFS (Inter-Planetary File System) — самая популярная децентрализованная система хранения файлов, состоящая из глобально распределенной одноранговой сети компьютеров, которые совместно размещают файлы.

Для начала вы можете разместить файлы своего сайта на своем персональном компьютере с независимым узлом IPFS. Сложность этого способа заключается в том, что ваш компьютер должен быть в сети, чтобы кто-то мог получить доступ к вашему децентрализованному веб-сайту.

Другой вариант — использовать платформу IPFS-хостинга, например Piñata, Infura или Fleek, которая размещает и распространяет ваши файлы в сети IPFS, делая их доступными для всех желающих. Однако для использования некоторых из этих сервисов необходимо оплатить подписку.

Во-первых, необходимо запустить независимый узел IPFS.

Fleek позволяет пользователям загружать веб-сайты в IPFS бесплатно, в то время как для Piñata требуется премиум-пакет. Тем не менее, прежде чем использовать Fleek, необходимо сначала развернуть свой сайт на GitHub.

Выполнение этих команд инициализирует скрытую папку .git в папке сайта, добавляет все файлы сайта в папку .git, фиксирует их для загрузки и в итоге загружает файлы в репозиторий GitHub.

-2

Это наиболее эффективный способ загрузки нескольких файлов и папок сайта в репозиторий GitHub, который должен выглядеть так, как показано выше.

Вот как связать учетную запись Fleek с GitHub

Ваш сайт будет развернут на IPFS.

3. Подключите свой домен Web3

Независимо от того, используете ли вы локальный узел IPFS или онлайн-платформу, такую как Fleek, на данном этапе у вас должен быть развернут сайт на IPFS, что означает, что у вас есть хэш IPFS сайта.

Следующий шаг — привязка сайта к домену Web3. Вы можете приобрести его у любого из ведущих регистраторов Web3 на рынке. Стоимость домена зависит от условий платформы, а в доменных системах на основе блокчейна вы понесете сетевую комиссию за запись транзакции в блокчейн.

Для целей данной демонстрации мы приобрели домен elgwaro.eth на ENS.

Вот как связать свой домен ENS с сайтом, размещенным на IPFS

Если вы используете Fleek, то подключить домен можно на панели управления Fleek.

4. Зайдите на свой сайт

После успешного подключения домена Web3 к децентрализованному сайту ваш домен Web3 будет направлен на ваш децентрализованный сайт.

-3

Доступ к нему можно получить, используя домен ENS +.link. Например, в данном случае это elgwaro.eth.link. Тем не менее, при использовании браузера с поддержкой IPFS, например Brave, не обязательно включать .link в конец URL.

-4

Вы успешно создали свой децентрализованный сайт.

Выход за пределы Web2-разработки

Поскольку Интернет со временем становится все более децентрализованным, количество децентрализованных сайтов, вероятно, со временем превысит количество сайтов, размещенных на централизованных серверах. К счастью, переход от разработки Web2 к Web3 не так сложен, как кажется. Поэтому, если вы задумались о создании децентрализованного сайта, устойчивого к цензуре, это руководство может дать вам огромный шанс.

По новым правилам Дзена свежие материалы показываются в первую очередь подписчикам, которые реагируют на публикации. Поэтому не забывайте подписаться, поставить лайк и оставить комментарий, так вы будете первым узнавать о всех новых статьях на нашем канале!