Исходная ссылка: https://github.com/nextyio/dapp-template

Это комбинация Truffle и ReactJS для создания загружаемого dApp, работающего на платформе Nexty. Теперь стало проще развертывать смарт-контракты и плавно интегрировать их с вашим интерфейсом.

Установка

Трюфель

npm install -g truffle

Клонировать репозиторий git

git clone https://github.com/nextyio/dapp-template.git

Запустите вашу папку Nodejs

npm install

Разработайте свой смарт-контракт

У нас есть contracts папка в вашем клонированном каталоге: dapp-template. Поместите сюда файлы надежности ваших децентрализованных приложений. Чтобы узнать о солидности, вы можете обратиться к https://solidity.readthedocs.io.

Настройте сценарии миграции для ваших разработанных смарт-контрактов:

Посмотрите на dapp-template/migrations/ и укажите разработанные вами смарт-контракты. Truffle будет автоматически перемещаться по всем файлам и следовать вашему сценарию миграции.

Разверните свои смарт-контракты

truffle deploy

Не забудьте указать свой закрытый ключ для развертывания в .env файле, который был выбран в .env.sample. Эти .env файлы будут назначать переменные среды для использования в модуле truffle_script.js by dotenv и вашем приложении реакции. Вы также можете указать порт для запуска веб-приложения в этом файле, поместив PORT=3006 прямо под строкой PRIVATE_KEY.

Взаимодействие с развернутыми смарт-контрактами

Как настроено в truffle-config.js, информация обо всех развернутых контрактах будет находиться в src/build/contracts/***.json. Сценарии внешнего интерфейса могут импортировать переменные из файлов этого каталога автоматически при развертывании трюфеля.

Запустите свое веб-приложение

В каталоге проекта вы можете запустить:

npm start

Запускает приложение в режиме разработки.
Откройте http: // localhost: 3000 / или с указанным вами портом в .env файле, чтобы просмотреть его в браузере.

Если вы внесете правки, страница будет перезагружена.
Вы также увидите любые ошибки линтинга в консоли.

npm test

Запускает средство запуска тестов в интерактивном режиме часов.
Подробнее см. В разделе Запуск тестов.

npm run build

Собирает приложение для производства в папку build.
Оно правильно связывает React в рабочем режиме и оптимизирует сборку для достижения максимальной производительности.

Сборка минифицирована, а имена файлов включают хеши.
Ваше приложение готово к развертыванию!

См. Раздел о развертывании для получения дополнительной информации.

Узнать больше о разработке приложения на Reactjs

Вы можете узнать больше в документации Create React App.

Чтобы изучить React, ознакомьтесь с документацией по React.

Разделение кода

Этот раздел перемещен сюда: https://facebook.github.io/create-react-app/docs/code-splitting

Анализ размера пакета

Этот раздел перемещен сюда: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Создание прогрессивного веб-приложения

Этот раздел перемещен сюда: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Расширенная конфигурация

Этот раздел перемещен сюда: https://facebook.github.io/create-react-app/docs/advanced-configuration

Развертывание

Этот раздел перемещен сюда: https://facebook.github.io/create-react-app/docs/deployment

npm run build не удается минимизировать

Этот раздел перемещен сюда: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify