No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Adquiere por un a帽o todos los cursos, escuelas y certificados por un precio especial.

Antes: $249

Currency
$219/a帽o

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Comprar ahora

Termina en:

0D
17H
1M
57S

Frontend para DApps

5/10
Recursos

El 50% de una aplicaci贸n descentralizada ocurre en la blockchain, el otro 50% en el front-end que se conecta con el smart contract. Luego de haber desplegado el contrato en Arbitrum, es momento de comunicarnos con el mismo a trav茅s de una aplicaci贸n web3.

Conexi贸n web3 con una blockchain de segunda capa

La conexi贸n a un contrato inteligente desplegado en una segunda capa es pr谩cticamente igual que conectarse directamente a la blockchain de Ethereum. Dependencias como Web3.js siguen siendo muy 煤tiles para lograr esta comunicaci贸n.

Si no tienes experiencia en desarrollo de aplicaciones descentralizadas, el Curso de Dapps: Introducci贸n al Desarrollo de Aplicaciones Descentralizadas te dar谩 todo el conocimiento que necesitas para lograrlo.

Adem谩s de instalar las dependencias necesarias y disponer de una wallet Phantom con fondos, la conexi贸n con la red requerir谩 que localicemos el identificador de la misma. Las blockchains basadas en EVM son identificadas por un n煤mero, sean redes de prueba o productivas. Para el caso de la Testnet de Arbitrum en Goerli, el identificador en cuesti贸n es 421611.

Al desplegar un contrato en la blockchain, este poseer谩 una direcci贸n totalmente 煤nica para localizarlo. Podr谩s obtener esta informaci贸n desde Remix o desde el framework que desees utilizar para desplegar contratos, por ejemplo: HardHat.

Un contrato escrito en Solidity es posteriormente compilado y el mismo tendr谩 un JSON ABI que lo represente. Dicho JSON es muy importante en el front-end para lograr comunicarnos con el contrato, con este sabremos qu茅 m茅todos podemos llamar del contrato y qu茅 par谩metros recibe..

Una vez tengas todas las piezas, el identificador de la red, la direcci贸n del contrato obtenida luego de desplegarlo y el ABI, podr谩s realizar la conexi贸n con el smart contract y Metamask, como si de una blockchain de Capa 1 se tratase.

Sin importar qu茅 tecnolog铆a front-end utilices, sea React, Angular, Vue o Javascript Vanilla. Con esta informaci贸n, cualquier cliente web3 que desarrolles te permitir谩 comunicarte con el contrato, ejecutar sus m茅todos pagando las comisiones pertinentes u obtener informaci贸n del estado del contrato.


Contribuci贸n creada por: Kevin Fiorentino.

Aportes 1

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Conectarse a un smart contract en L2 es igual a hacerlo con cualquier red de Ethereum. Solo se necesita el ID de la red, el ABI y la direcci贸n del propio contrato. Del lado del front-end, se puede utilizar las mismas librer铆as de Web3.js o ether.js que ya conocemos.