
Desenvolvimento rápido do Ethereum Dapp
A trufa é ótima para o desenvolvimento de contratos inteligentes da Solidity, mas construir um front -end React para um contrato inteligente é frequentemente uma tarefa árdua. Next.js é uma das maneiras mais fáceis de construir esse front -end e a integração entre Truffle e Next.js é o que esse estoque está tentando demonstrar.
Existem dois recursos principais:
Um projeto truffle init simples é usado como base (junto com um contrato de exemplo do SimpleStorage).
Um projeto Next.js reside no diretório client com um link simbólico para a pasta de saída das definições do contrato ABI. O aplicativo Next.js também fornece um esqueleto simples para se conectar e interagir com o contrato inteligente em uma rede.
Para obter mais informações sobre como o front -end funciona, leia o readme.md localizado no diretório client .
Instale a trufa globalmente.
npm install -g truffleBaixe a caixa. Isso também cuida da instalação das dependências necessárias.
truffle unbox adrianmcli/truffle-nextExecute o console de desenvolvimento.
truffle develop Compilar e migrar os contratos inteligentes. NOTA DO NO CONSELHO DE DESENVOLVIMENTO, não preface comandos com truffle .
compile
migrateExecute o próximo.js servidor para o front-end. As alterações de contrato inteligentes devem ser recompiladas e migradas manualmente.
// Change directory to the front-end folder
cd client
// Serves the front-end on http://localhost:3000
npm run devA trufada pode executar testes escritos em solidez ou javascript contra seus contratos inteligentes. Nota O comando varia um pouco se você estiver dentro ou fora do console de desenvolvimento.
// If inside the development console.
test
// If outside the development console..
truffle test Como truffle develop expõe a blockchain à porta 9545 , você precisará adicionar uma rede RPC personalizada de http://localhost:9545 em seu metamask para fazê -lo funcionar.
É altamente recomendável usar truffle develop Over testrpc , mas se você quiser usar testrpc , há algumas coisas que você precisa fazer:
Alterar a linha 6 do client/lib/getWeb3.js para usar localhost:8545 em vez de localhost:9545 , por isso nos referimos ao testrpc em vez de truffle develop .
Execute seu testrpc com o seguinte comando (porque razões):
testrpc --gasLimit 6721975 --gasPrice 100000000000