
Быстрое развитие Ethereum dapp
Truffle отлично подходит для разработки Solidy Smart Contracts, но создание фронта React для умного контракта часто является рутиной. Next.js - один из самых простых способов построить такой фронт, а интеграция между трюфелем и следующим.JS - это то, что этот шаблон пытается продемонстрировать.
Есть две основные особенности:
В качестве базы используется проект «Простой truffle init (наряду с простым примером контракта).
Проект Next.js находится в client каталоге с символикой для вывода папки контракта определений ABI. Приложение Next.js также предоставляет простой скелет для подключения и взаимодействия с умным контрактом в сети.
Для получения дополнительной информации о том, как работает Frontend, перейдите, прочитайте readme.md, расположенный в client каталоге.
Установите трюфель во всем мире.
npm install -g truffleЗагрузите коробку. Это также заботится о установке необходимых зависимостей.
truffle unbox adrianmcli/truffle-nextЗапустите консоли разработки.
truffle develop Скомпилируйте и мигрируйте умные контракты. Примечание Внутри консоли разработки мы не предисловием команды с truffle .
compile
migrateЗапустите сервер Next.js для фронтального. Умные изменения контракта должны быть перекомпилированы и мигрированы вручную.
// Change directory to the front-end folder
cd client
// Serves the front-end on http://localhost:3000
npm run devTruffle может запускать тесты, написанные в солидности или JavaScript против ваших умных контрактов. Обратите внимание, что команда немного варьируется, если вы находитесь в консоли разработки или за ее пределами.
// If inside the development console.
test
// If outside the development console..
truffle test Поскольку truffle develop разоблачает блокчейн на порт 9545 , вам нужно добавить пользовательскую сеть RPC http://localhost:9545 в вашу Metamask, чтобы заставить его работать.
Мы настоятельно рекомендуем использовать truffle develop Over testrpc , но если вы хотите использовать testrpc , есть несколько вещей, которые вам нужно сделать:
Изменение строки 6 client/lib/getWeb3.js для использования localhost:8545 вместо localhost:9545 , поэтому мы обращаемся к testrpc вместо truffle develop .
Запустите свой testrpc с помощью следующей команды (потому что причины):
testrpc --gasLimit 6721975 --gasPrice 100000000000