truffle next

Trufa y Next.js

Desarrollo Rapid Ethereum DAPP

---

Una calderera de desarrollo de contrato inteligente mínimo

La trufa es excelente para desarrollar contratos inteligentes de solidez, pero construir una frontend react para un contrato inteligente es a menudo una tarea. Next.js es una de las formas más fáciles de construir tal frontend y la integración entre Truffle y Next.js es lo que esta calderera está tratando de demostrar.

Hay dos características principales:

• Un proyecto truffle init simple se usa como base (junto con un contrato de ejemplo de SimpleStorage).

• Un proyecto Next.js reside en el directorio client con un enlace simbólico a la carpeta de salida de las definiciones del contrato ABI. La aplicación Next.js también proporciona un esqueleto simple para conectarse e interactuar con el contrato inteligente en una red.

Para obtener más información sobre cómo funciona el frontend, vaya a leer el readme.md ubicado en el directorio client .

Instalación

1. Instale la trufa a nivel mundial.

   npm install -g truffle

2. Descargue el cuadro. Esto también se encarga de instalar las dependencias necesarias.

   truffle unbox adrianmcli/truffle-next

3. Ejecute la consola de desarrollo.

   truffle develop

4. Compilar y migrar los contratos inteligentes. Tenga en cuenta que dentro de la consola de desarrollo no prefacimos comandos con truffle .

   compile
   migrate

5. Ejecute el servidor Next.js para el front-end. Los cambios de contrato inteligentes deben ser recompensados y migrados manualmente.

   // Change directory to the front-end folder
   cd client
   // Serves the front-end on http://localhost:3000
   npm run dev

6. La trufa puede ejecutar pruebas escritas en solidez o JavaScript con sus contratos inteligentes. Tenga en cuenta que el comando varía ligeramente si está dentro o fuera de la consola de desarrollo.

   // If inside the development console.
   test
   
   // If outside the development console..
   truffle test 

Corriendo con Metamask

Dado que truffle develop expone la cadena de bloques al puerto 9545 , deberá agregar una red RPC personalizada de http://localhost:9545 en su metamasta para que funcione.

Ejecutando con TestRPC

Recomendamos encarecidamente el uso de truffle develop sobre testrpc , pero si desea usar testrpc , hay un par de cosas que debe hacer:

• Cambie la línea 6 de client/lib/getWeb3.js para usar localhost:8545 en lugar de localhost:9545 , por lo que nos referimos a testrpc en lugar de truffle develop .

• Ejecute su testrpc con el siguiente comando (porque razones):

   testrpc --gasLimit 6721975 --gasPrice 100000000000