Construye una DApp Simple usando el Estándar del Token ERC-4671

¡Bienvenido a esta guía sobre cómo construir una aplicación descentralizada (dApp) usando el módulo ERC-4671!

Esta guía te dará una introducción práctica al desarrollo de dApp con el ERC-4671 de Ethereum, un nuevo estándar creciente de la blockchain. Al final de este tutorial, tendrás una dApp funcional que puede interactuar con la blockchain BSC.

Tecnologías Usadas

Esta guía hará uso de diferentes tecnologías y herramientas claves del ecosistema de desarrollo de Ethereum:

• Red de pruebas Binance Smart Chain (BSC)
• Ecosistema Bunzz
• React.js y Ethers.js
• ERC-4671
• Metamask
• Bunzz Boilerplate

Prerrequisitos

Antes de comenzar esta guía, es aconsejable tener un entendimiento básico de la tecnología blockchain, enfocándose en Ethereum y BSC. Será beneficioso estar familiarizado con JavaScript y VScode ya que los usaremos junto a la biblioteca Web3.js con la blockchain BSC. También te ayudará inmensamente saber los conceptos básicos de los contratos inteligentes, la billetera de Metamask y los tokens de Ethereum.

Antes de comenzar, necesitamos entender qué es el ERC-4671. ¡Te prometo que no será una larga y aburrida clase de historia!

¿Qué es el ERC-4671?

El ERC-4671 o los Tokens No Intercambiables (Non-Tradable Tokens, NTT) representa posesiones o logros personales en la blockchain Ethereum. Estos tokens simbolizan grados, certificados, documentos gubernamentales y otros objetos o logros personales. Están “atados a tu alma” (soulbound), es decir, no están diseñados para intercambiarlos o transferirlos ya que no tienen valor monetario y sirven como prueba de titularidad o un logro.

El ERC-4671 apunta a ofrecer una interfaz estandarizada para tales tokens, expandiendo el desarrollo de aplicaciones y posicionando la blockchain como herramientas para verificar posesiones y logros personales, más allá de sólo hacer transacciones financieras.

Ahora, vamos a construir una dApp sencilla usando este estándar de token.

Construyendo una dApp con el ERC-4671

Construir una dApp ERC-4671 basado en el estándar ERC-4671 puede ser un proceso complejo, pero con la ayuda de Bunzz boilerplate, puede ser mucho más fácil.

Vamos a ver los pasos sobre usar el boilerplate, el cual proporciona un codebase prescrito que puede ser fácilmente personalizado para tus necesidades específicas, permitiéndote salvar tiempo, probar y desplegar tu dApp a la red blockchain rápidamente.

Usar Bunzz Boilerplate

• Clona el repositorio GitHub de la dApp boilerplate del ERC-4671 a tu computadora local:

• Abre el repositorio clonado usando tu IDE preferido, como Visual Studio Code:

• Instala los paquetes NPM necesarios, ejecutando npm install o yarn install en el terminal.

• Copia el ABI y la dirección del contrato inteligente desde el dashboard de Bunzz:

• Abre el archivo erc-4671 y reemplaza el contenido ABI existente con el que copiaste del dashboard de Bunzz:

• Abre el archivo constants.js y ubica la dirección de la variable del contrato inteligente. Reemplaza la dirección actual con la que copiastes del dashboard de Bunzz:

• Empieza la app ejecutando npm/yarn start en el terminal. La interfaz de la app se verá exactamente como la imagen de abajo:

Interactuar con la dApp

Una vez que tengas la dApp funcionando bien en tu navegador, puedes interactuar con él de la siguiente manera:

• Conecta la billetera: deberías conectar la billetera de Metamask haciendo click en el botón connect wallet, en la esquina superior derecha de la pantalla.

• Acuñar Tokens: para acuñar tokens, tienes que colocar la dirección de la cuenta el cual será el dueño del token. Luego, haz click en el botón “Mint”, el cual invocará la función Acuñar.

• Revocar Tokens: para revocar tokens, tienes que colocar el ID del token que quieres revocar. Luego haz click en el botón “Revoke”, el cual invocará la función Revocar.

Puedes cambiar la interfaz o añadir nuevas características, editando y personalizando el código boilerplate para que se ajuste al caso de uso ERC-4671.

Estos pasos te darán todo lo que necesitas para construir y personalizar una dApp para tu caso de uso, usando el módulo de contrato inteligente ERC-4671.

Siguiendo estos pasos y utilizar boilerplate te dará todo lo que necesitas para construir y personalizar una billetera de inversión para tu caso de uso.

No podemos esperar para ver qué construirás; si sigues estos pasos y te quedas atorado o tienes preguntas, siéntete libre de contactarnos en Discord o enviar un DM en Twitter.

Este artículo es una traducción de Trust Onyekwere, hecha por Héctor Botero. Puedes encontrar el artículo original aquí.
Sería genial escucharte en nuestro Discord, puedes contarnos tus ideas, comentarios, sugerencias y dejarnos saber lo que necesitas.
Si prefieres puedes escribirnos a @web3dev_es en Twitter.