Исходная ссылка: 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