Cómo instalar Scaffold-ETH
Requisitos
Se requiere tener previamente instalado lo siguiente:
Visual Studio Code
En los prerrequisitos de este módulo puedes encontrar las instrucciones para la instalación de estos componentes.
Adicionalmente es necesario instalar yarn.
Yarn: Es un gestor de paquetes de código abierto que se utiliza para manejar dependencias en proyectos de JavaScript. Ayuda en el proceso de instalación, actualización, configuración y eliminación de dependencias de paquetes.
Para instalar yarn debemos ir a su página web y seguir las instrucciones para la instalación.
Instalación de Scaffold-ETH
Tenemos dos opciones para instalar Scaffold-ETH:
Opción 1: Clonar el repositorio de GitHub e instalar las dependencias:
Opción 2: Instalación guiada utilizando npx:
Con este modo de instalación, tendremos más opciones de configuración a la hora de instalar SE-2. Se nos solicitará una serie de definiciones:
Nombre del proyecto: Ingresa el nombre de tu proyecto.
Solidity Framework: Elige tu framework de Solidity favorito, Hardhat o Foundry.
Una vez hecha la configuración muévete hacia el directorio del proyecto:
cd project-name
Una vez instalado, luego de movernos al repositorio de trabajo y activar VS Code (code.) debemos ejecutar tres comandos utilizando tres ventanas distintas de la terminal:
Ventana 1: Inicializar la blockchain local.
Este comando inicializa una red Ethereum local utilizando Hardhat o Foundry, dependiendo de lo que elegiste. Esta blockchain correrá de forma local en tu computadora y puede ser usada para desarrollo y pruebas.
Ventana 2: Desplegar tu contrato inteligente.
Este comando despliega un contrato inteligente de prueba en la red local. Este contrato se puede adaptar a lo que necesites y los puedes ubicar en :
Hardhat:
packages/hardhat/contractsFoundry:
packages/foundry/contracts
El comando yarn deploy usa un script para desplegar el contrato en la red local. Puedes personalizar el script de despliegue que está ubicado en:
Hardhat :
packages/hardhat/deployFoundry:
packages/foundry/script
Ventana 3: Inicia el Front-End
Puedes editar el Front-End en packages/nextjs/app/page.tsx
Si vas a la dirección http://localhost:3000. podrás ver la app funcionando.
Si revisas arriba a la derecha verás que se te ha generado una wallet automáticamente. Esta es una BurnerWallet, una wallet que se crea cada vez que se abre la dapp en un browser. La private key es guardada en texto plano en el LocalStorage del browser, lo cual no es muy seguro, pero es muy cómodo para probar tus contratos y dapps. No es necesario aprobar las transacciones o confirmar las firmas, por lo cual se hace más ágil probar funcionalidades con esta wallet, y puedes abrir la dapp en una ventana de incógnito del browser o con otro perfil, y tendrás asignada una nueva wallet/address, por lo cual puedes probar facilmente funcionalidades desde distintos perfiles de usuarios.
Puedes interactuar con tu smart contract utilizando el componente de contrato o la UI de ejemplo en el Front-End.
La dapp de ejemplo permite registrar saludos y lleva la cuenta de cuántos saludos se registraron desde una address determinada. También permite al owner del contrato retirar los fondos que tenga el contrato.
Empieza a hacer cambios en el contrato de prueba ubicado en packages/hardhat/contracts , despliégalo utilizando yarn deployy observa como el Front-End se va actualizando de forma automática como respuesta a los cambios realizados en el contrato.
Si no tienes ETH para ejecutar las transacciones utiliza el faucet incorporado que te asignará 1 ETH por solicitud.
Puedes también utilizar el Block Explorer, accediendo desde el link abajo a la izquierda. En el Block Exlorer podrás revisar las transacciones que se ejecutaron en la blockchain local, similar a lo que podrías hacer con Etherscan.
Scaffold-ETH 2 incorpora tambien componentes y hooks, muy útiles para un desarrollo ágil de dapps. Puedes encontrar más información de los mismos en la documentación de Scaffold-ETH 2.
Last updated
