Разверните свой собственный краудфандинговый портал за 10 минут с помощью Koii-X
Привет. Следующая статья из цикла активностей этого года в Koii Network.
Ссылки на 2 предыдущие статьи: статья 1, статья 2
Итак, поехали. 5 минуток на чтение новой статьи.
Начните собирать средства для своего проекта прямо сейчас с помощью полностью децентрализованного приложения.
Koii-X - это библиотека шаблонов пользовательского интерфейса, построенная на 100% Javascript, которая поможет вам создать и развернуть приложение менее чем за 10 минут. Шаблоны могут быть использованы разработчиками любого уровня квалификации для создания ведущих в отрасли веб-приложений с использованием современных JavaScript-фреймворков, таких как React и NPM.
Что делает Koii-X уникальным?
Шаблоны Koii-X оптимизированы под NFT и позволяют разработчикам легко воспользоваться уникальными свойствами Koii по отслеживанию внимания, что позволяет им легко зарабатывать токены KOII. Каждый фрагмент контента, созданный с помощью шаблона Koii-X, может быть атомарным NFT, который развертывается в децентрализованном месте хранения и хостинга.
Давайте начнем! Если вы хотите просмотреть видеоурок, вы можете найти его здесь, на канале Koii Youtube.
Прежде чем мы начнем
Прежде чем приступить к настройке и развертыванию вашего dApp, необходимо установить несколько вещей. Если вы уже являетесь разработчиком, возможно, они у вас уже установлены, но не помешает перепроверить!
Прежде всего, вам понадобится установленный NodeJS v16 или выше. Если он еще не установлен на вашей машине, вы можете загрузить и установить его с сайта Node.js.
Если у вас уже установлен Node.js, проверьте, какая версия у вас установлена, введя команду в вашем CLI:
Мы используем Yarn для установки и развертывания dApps Koii-X. Вы можете установить Yarn, набрав:
в вашем CLI или вы можете посетить их сайт и установить его вручную.
Мы будем использовать Arweave-deploy для упаковки и развертывания нашего сайта, а также arkb. Введите следующие команды, чтобы установить их оба:
Вы можете экспортировать свой json-файл из Finnie, создать новый или получить кошелек непосредственно из Arweave. Для развертывания вашего dApp вам понадобится AR, поскольку он будет храниться на Arweave permaweb. AR покрывает плату за хранение. Вы можете получить его из крана Koii или на различных торговых площадках.
Поместите копию этого файла с именем wallet.json в корневую папку Koii-Fundraiser. Он понадобится вам в папке для развертывания вашего dApp.
Теперь, когда у нас есть все необходимые инструменты, мы собираемся установить и настроить портал краудфандинга! Вы также можете развернуть dApp Leaderboard, аналогичный лидерборду Koii Atomic NFT, используя те же методы. Для получения дополнительной информации о том, как это сделать, посетите портал docs. А пока давайте приступим к установке нашего шаблона.
Откройте CLI и перейдите в папку, в которую вы хотите установить шаблон Koii-X. Затем используйте команду:
и подождите, пока он установится. После установки он предложит вам сменить директорию в созданной им папке Koii-Fundraise.
Как только вы окажетесь в каталоге Koii-Fundraise, выполните следующие команды:
Это запустит локальную версию вашего шаблона, чтобы вы могли просматривать свои изменения в процессе настройки.
Есть несколько файлов, которые необходимо отредактировать, чтобы выполнить базовую настройку. Откройте текстовый редактор - Visual Studio Code является хорошим вариантом, так как он сочетает в себе CLI и текстовый редактор в одном приятном интерфейсе - и перейдите в каталог Koii-Fundraiser, который мы только что создали.
Первый файл, который мы хотим настроить, это файл app-config.ts, который содержит детали вашего приложения. Откройте Koii-Fundraiser/src/config/app-config.ts. Здесь вы можете настроить язык вашего сайта, локализацию, заголовок, описание, канонические данные, twitter и название компании.
Далее мы настроим сам краудфандинговый портал.
Откройте файл funding-config.tsx. Он находится в той же папке Koii-Fundraiser/src/config/. Здесь вы можете настроить многие аспекты вашего краудфандингового портала, которые будут отображаться в главном приложении.
Вы увидите опции для настройки заголовка, описания, названия компании, социальных сетей, FAQ и отображаемых изображений. Самое главное, вы можете настроить свою цель финансирования на любую сумму, а также изменить тип принимаемых платежей.
В настоящее время мы поддерживаем AR и ETH. На странице 21 вы увидите свойство paymentType. По умолчанию оно установлено на ar, но там же вы можете изменить токен сбора средств на eth.
В строке 22 вы увидите fundAddress. Здесь указывается адрес кошелька, на который будут отправлены средства. Не забудьте изменить его на кошелек ETH, если вы изменили тип платежа на eth в строке 21.
Существует множество других вариантов настройки, включая CSS и стилистику, о которых вы можете прочитать здесь. А пока давайте перейдем к шагам по развертыванию.
Как только вы будете удовлетворены работой портала, закройте свою живую тестовую среду (в VSCode это можно сделать с помощью комбинации клавиш ctrl+c). После того как она будет закрыта, введите
yarn deploy
Это создаст производственную сборку вашего dApp и развернет ее на Arweave. После упаковки файлов для развертывания CLI покажет вам стоимость развертывания и будет ждать вашего одобрения для продолжения.
Через несколько минут развертывание будет завершено, и CLI вернет вам ваш txID. Именно по этой ссылке вы сможете увидеть свой портал в реальном времени! Обязательно сохраните эту ссылку где-нибудь. Мы рекомендуем перенаправлять с короткой ссылки.
Перейдите на страницу dApp по адресу https://arweave.net/[ваш txid].
Бонус: Вы можете добавить отслеживание внимания и получать KOII, когда люди посещают ваш портал. О том, как добавить PoRT и отслеживать внимание, читайте здесь.
Создать dApp действительно очень просто. Идите вперед и собирайте деньги для финансирования своего проекта! Мы будем добавлять шаблоны для различных типов приложений, так что следите за этим.
Если у вас есть вопросы, заходите в Discord, и мы вам поможем! И дайте нам знать, какие функции и шаблоны вы хотите видеть дальше.
Следите за нашими социальными сетями, чтобы быть в курсе последних событий
Twitter: @KoiiNetwork
Telegram: t.me/koiinetwork
LinkedIn: Koii Network
- Сайт проекта — https://koii.network/
- Документация по проекту — https://docs.koii.network/
- Платформа для своих NFT — https://koi.rocks/contents
- Twitter проекта — https://twitter.com/KoiiNetwork
- Telegram-канал — https://t.me/koiinetwork
- Дискорд — https://discord.gg/koii