WEB3DEV

Cover image for Como Desenvolver um DApp no VeChain: (I) Intro
Diogo Jorge
Diogo Jorge

Posted on

Como Desenvolver um DApp no VeChain: (I) Intro

Recentemente, tenho trabalhado em uma ferramenta DApp na ​​VeChain. No entanto, procurei muito, mas não consegui encontrar nenhum tutorial prático para desenvolvedores. Eu decidi ir em frente e lançar alguma luz sobre este tópico. Neste tutorial, falarei com vocês sobre como criar uma página da Web de transferência de token padrão ERC20 VIP180 na VeChain.

Este tutorial é dividido em 3 partes, os tópicos são:

Preparado? Então vamos pôr a mão na massa! 😉

O que é DApp?

Image description

Muitas pessoas me perguntam enquanto desenvolvedor de blockchain, o que é um DApp? Em uma das minhas versões mais simples das respostas, “DApp = Web + Blockchain”. Sim, as atuais tecnologias da web ainda são muito usadas. Simplesmente movemos alguns dados e autenticações para a blockchain, é isso. É a mesma ideia por trás do Web3.js, bem como do Connex.js sobre o qual falaremos mais tarde.

Para responder a isso, primeiro veremos como é uma aplicativo da Web tradicional:

Image description
Aplicativo Web: cliente, servidor e banco de dados

O que é aplicativo da Web?

Um aplicativo da Web em um cenário simplificado é um aplicativo cliente-servidor típico. Ele contém várias partes fundamentais:

  • Cliente: navegadores da web.
  • Servidor: opera o banco de dados, serve os dados dos clientes.
  • Banco de dados: armazena os dados como ativos valiosos. 😛

Curiosamente, em um aplicativo da web, os dados estão no centro. Ele flui, é exibido, transformado e armazenado no sistema. Os usuários finais visualizam os dados das páginas da web nos navegadores.

Um aplicativo da Web também possui várias características em comum:

  • O servidor faz interface com o banco de dados, não os clientes.
  • O banco de dados está oculto e contém valiosos ativos
  • O usuário** não tem controle direto** dos dados, apenas o servidor tem. 😛

Então blockchain promete o futuro dos “Usuários em controle de seus dados”, como é exatamente um DApp?

Simples. Parece um aplicativo da web, exceto que temos um complemento: Blockchain.

Image description

DApp: Web + Blockchain

O que é DApp?

DApp é um aplicativo que é apoiado por um serviço blockchain distribuído. Para fazer uma analogia aos aplicativos da web que usamos hoje, o DApp depende parcialmente dos dados da blockchain, mas ainda é um aplicativo da web (ou página da web).

  • Cliente: Dispositivos de navegador/IoT.
  • Servidor: serve fragmentos de código ou ativos estáticos como imagens.
  • Blockchain: Substituição parcial do banco de dados, armazena/processa dados críticos do usuário.

Uma blockchain pública é um banco de dados caro, lento e de leitura aberta executado por uma rede composta por centenas de nós.

O** DApp** também tem várias características em comum:

  • DApp faz interface com a blockchain e o servidor tradicional.
  • A blockchain não pode ser facilmente desligada, pois contém vários nós.
  • O usuário pode controlar diretamente os dados na blockchain via DApp.

Ótimo, agora você sabe o que um DApp faz e de onde vêm os dados, vamos nos concentrar em como escrever um.

Escreva um DApp: Sync e Connex

Image description

Sync: navegador de aplicativos VeChain.

O DApp deve saber como se comunicar com o back-end do servidor tradicional, bem como ler/gravar de uma rede blockchain. O Connex.js ajuda na parte da blockchain, facilita a vida do desenvolvedor.

A VeChain publicou o Connex.js para substituir o Web3.js na Ethereum. É um grande passo da Web3 e estou feliz em usá-lo em meu primeiro projeto VeChain:

  • Sync: navegador da Web de aplicativos VeChain.
  • Connex.js: Biblioteca Javascript padrão que ajuda a comunicação com a VeChain, incluída no Sync.

Transferência de Token: Um DApp Simples em Javascript

A partir do próximo artigo, começaremos a construir um DApp de demonstração chamado “Token Transfer”. Usaremos um contrato inteligente existente no VeChain como fonte de dados. E vou ajudá-lo a se familiarizar com o ambiente 😗

  1. Como ler dados de um contrato inteligente da blockchain VeChain.
  2. Como exibir dados para o usuário.
  3. Como atualizar dados na blockchain via chamadas Javascript.

Com a ajuda do Connex no navegador Sync, faremos isso em um piscar de olhos! Siga os tutoriais práticos abaixo para começar a codificar! 😝

Este artigo é parte 1 de 3, foi escrito por Vchain Docs e traduzido por Diogo Jorge. O artigo original pode ser encontrado aqui.

Top comments (0)