Skip to content
fork and runno rplit arquivos javascript tem a extensão jsx
quando chamamos wave e ele faz totalWaves += 1, isso é uma transação! a (ethereum) blockchain não tem dono. quando implantamos nosso contrato, precisamos contar a todos mineradores o Alchemy transmite a transação criação de contrato para que possa ser coletada por mineradorescriar conta no alchemycriar appchain = ethereumnetwork = rinkeby → rede de teste, roda transações com fake ETH! hahacopiar HTTP keycolar no hardhat config
certifique-se de que sua carteira MetaMask está definida como "Rinkeby Test Network"
0x1E2F345E79548eC134F6b088ac32d76fD065ad390x811bD8E8BaE351f9b4c666AA341b1f750c9406D5
replit → runabra site em nova tab inspect / consoledeve aparecer a mensagem "temos o objeto ethereum!"
usamos o método eth_accounts para checar se estamos autorizados a acessar o usuário pode ter várias contas em sua carteira. pegamos a primeira.
configurando cliente = site
repositório no replit
deploy na blockchain ethereum
o deploy de um contrato inteligente também é uma transação.
é um monte de computadores ao redor do mundo administrados por mineradores
e pedir que ele seja adicionado à blockchain
depois que a transação é minerada, ela é transmitida para a blockchain como uma transação legítima. daí todos atualizam sua cópia da blockchain.
obtendo fake ETH em uma torneira (faucet)
antes de usar a faucet.
name
link
amount
time
There are no rows in this table
alterando o arquivo hardhat.config.js
);
{
,
{
{
//PRIVATE!!! DO NOT DISCLOSE PRIVATE INFO!!!
,
//PRIVATE!!! DO NOT DISCLOSE PRIVATE INFO!!!
],
},
},
};
deploy na rede de teste
npx hardhat run scripts/deploy.js --network rinkeby
WavePortal address = contract address na rede de teste rinkeby
conectando site a carteira pra ele poder chamar o smart contract
replit > src > App.jsx (código adicionado / alterado)
import React, { useEffect } from "react";
import { ethers } from "ethers";
import './App.css';
export default function App() {
const checkIfWalletIsConnected = () => {
//temos acesso ao objeto window.ethereum?
const { ethereum } = window;
if (!ethereum) {
console.log("verifique se a Metamask está instalada!");
return;
} else {
//sucesso!!!
console.log("temos o objeto ethereum!", ethereum);
}
}
useEffect(() => {
checkIfWalletIsConnected();
}, [])
const wave = () => {
}
return (
<div className="mainContainer">
<div className="dataContainer">
<div className="header">
👋 hello
</div>
<div className="bio">
eu sou a tati e resolvi voltar a programar!
</div>
<div className="bio">
não sei fazer nada ainda!
</div>
<div className="bio">
esse código é todo do danicuki :p
</div>
<div className="bio">
mas... que tal conectar sua carteira ethereum e me mandar um abraço?!?
</div>
<button className="waveButton" onClick={wave}>
send me a hug 🌟
</button>
</div>
</div>
);
}
verificar se estamos "conectados"
alguma das contas na carteira do usuário.
import React, { useEffect, useState } from "react";
import { ethers } from "ethers";
import './App.css';
export default function App() {
//variável de estado para armazenar carteira pública do usuário
const [currentAccount, setCurrentAccount] = useState("");
const checkIfWalletIsConnected = async () => {
try {
//temos acesso ao objeto window.ethereum?
const { ethereum } = window;
if (!ethereum) {
console.log("verifique se a Metamask está instalada!");
return;
} else {
console.log("temos o objeto ethereum", ethereum);
}
//estamos autorizados a acessar a carteira do cliente?
const accounts = await ethereum.request({ method: "eth_accounts" });
if (accounts.length !== 0) {
const account = accounts[0];
console.log("conta autorizada:", account);
setCurrentAccount(account)
} else {
console.log("não encontramos nenhuma conta autorizada...")
}
} catch (error) {
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.