WEB3DEV

Cover image for Construa um DApp Simples usando o Padrão de Token ERC-4671
Paulo Gio
Paulo Gio

Posted on

Construa um DApp Simples usando o Padrão de Token ERC-4671

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*vxKOpqNzLRYJINh8.png

Bem-vindo a este guia sobre como construir uma aplicação descentralizada (DApp) usando o módulo ERC-4671!

Este guia oferecerá uma introdução prática ao desenvolvimento de DApps com o ERC-4671 da Ethereum, um novo padrão em ascensão na blockchain. No final deste tutorial, você terá um DApp funcional que pode interagir com a blockchain BSC.

Tecnologias Usadas

Este guia utiliza várias tecnologias e ferramentas chave no ecossistema de desenvolvimento Ethereum:

  • Rede de testes da Binance Smart Chain (BSC)
  • Ecossistema Bunzz
  • React.js e Ethers.js
  • ERC-4671
  • Metamask
  • Boilerplate Bunzz

Pré-requisitos

Antes de começar este guia, é aconselhável ter um entendimento básico da tecnologia blockchain, focando em Ethereum e BSC. Alguma familiaridade com JavaScript e VScode será benéfica, pois usaremos isso junto com a biblioteca Web3.js para interagir com a blockchain BSC. Entender os conceitos básicos de contratos inteligentes, carteira Metamask e tokens Ethereum será extremamente útil.

Antes de começarmos, precisamos entender o que é o ERC-4671, e prometo que não será uma longa e entediante aula de história!

O que é o ERC-4671

O ERC-4671, ou Tokens Não Negociáveis (NTT), representa posses pessoais ou realizações na blockchain Ethereum. Esses tokens simbolizam diplomas, certificados, documentos governamentais e outros itens ou realizações pessoais. Eles são "vinculados" no sentido de que não são projetados para comércio ou transferência, não possuindo valor monetário e servindo como prova de propriedade ou realização.

O ERC-4671 visa oferecer uma interface padronizada para tais tokens, expandindo o desenvolvimento de aplicações e posicionando a blockchain como uma ferramenta para verificar posses e realizações pessoais, além de apenas transações financeiras.

Agora, vamos construir um DApp simples usando este padrão de token.

Construindo um DApp com ERC-4671

Construir um DApp ERC-4671 baseado no padrão ERC-4671 pode ser um processo complexo, mas com a ajuda do Bunzz boilerplate, pode ser muito mais fácil.

Vamos percorrer os passos para usar o boilerplate, que fornece um código base pré-escrito que pode ser facilmente customizado para atender às suas necessidades específicas, permitindo economizar tempo, testar e implantar seu DApp em uma rede blockchain rapidamente.

Usando o Bunzz Boilerplate

Aqui estão os passos principais para usar o boilerplate de DApps do ERC-4671 e garantir que você tenha tudo necessário para executar e personalizar o boilerplate para o seu caso de uso:

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*qyOHdTRjP_K5EEOk.png

  • Abra o repositório clonado usando seu IDE preferido, como o Visual Studio Code.

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*89mWtpXBSyI8ZUOn.png

  • Instale os pacotes NPM necessários executando npm install ou yarn install no terminal.

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*hFwCMxrHeD5oiJke.png

  • Copie a ABI e o endereço do contrato inteligente do painel do Bunzz.

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*vxKOpqNzLRYJINh8.png

  • Abra o arquivo erc4671.json e substitua o conteúdo de ABI existente pelo que você copiou do painel Bunzz.

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*wZcvvS3xorr85K9Y.png

  • Abra o arquivo constants.js e localize a variável do endereço do contrato inteligente. Substitua o endereço atual pelo que você copiou do painel Bunzz.

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*hOJz4JrAnQMq-QfD.png

  • Inicie o aplicativo executando npm start ou yarn start no terminal. A interface do aplicativo se parecerá exatamente com a imagem abaixo.

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*zWn70ngAc6713pBe.png

Interagindo com o DApp

Depois de ter o DApp no seu navegador funcionando bem, você pode interagir com ele da seguinte maneira:

  • Conectar carteira: Você deve conectar a carteira Metamask clicando no botão “Conectar Carteira” no canto superior direito da tela.

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*f6Z7ybsCPfivR7EV.png

  • Cunhar tokens: Para cunhar tokens, você precisa inserir o endereço da conta, que será o proprietário do token. Em seguida, clique no botão "Mint", que chama a função de cunhagem.

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*iKeV65hvsTx2Q6c6.png

  • Revogar tokens: Para revogar tokens, você deve inserir o ID do token que você vai revogar. Em seguida, clique no botão "Revoke", que chama a função de revogação de tokens.

https://miro.medium.com/v2/resize:fit:1100/format:webp/0*kt7iD6YzGF4gIrOZ.png

Você pode alterar a interface ou adicionar novos recursos editando e personalizando o código boilerplate para se adequar ao seu caso específico de uso do ERC-4671.

Esses passos fornecerão tudo o que você precisa para construir e personalizar um DApp para o seu caso de uso usando o módulo de contrato inteligente ERC-4671.

Ao seguir esses passos e usar o boilerplate, você terá tudo de que precisa para construir e personalizar uma carteira de vesting para o seu caso de uso.

Mal podemos esperar para ver o que você vai construir; se você seguir estes passos e tiver dúvidas ou problemas, sinta-se à vontade para entrar em contato no Discord ou enviar uma DM no Twitter.

Artigo original publicado por Trust Onyekwere. Traduzido por Paulinho Giovannini.

Top comments (0)