[Ethereum] Trying to connect front-end application with smart contract

frontendreactsolidity

I am creating a simple registration and login forms in React.js and connecting it with smart contract in order to use it to store the data from the front and to the blockchain is there any method or command to connect the front end with the smart contract in order to use its functions?

Thank in advance

Best Answer

There are many tuts how to do this basically its as simple as that

import Web3 from 'web3';

let rpcUrl = "https://mainnet.infura.io/ocCdekUYwOyLn7h7OlJM";
let web3 = new Web3(new Web3.providers.HttpProvider(rpcUrl));

const contractabi = JSON.parse('abi.json'); // the ABI
const contractaddress = '0xb51adbdd256930bd6b4c613add6fcca31db49827'; // Address of contract
const myContract = web3.eth.Contract(contractabi , contractaddress);

myContract.methods.getXY().call();
myContract.methods.setXY("bitsofcode").send();

Take a look at these examples :

https://bitsofco.de/calling-smart-contract-functions-using-web3-js-call-vs-send/

https://developer.ibm.com/recipes/tutorials/working-with-web3js-api-and-json-to-build-ethereum-blockchain-applications/

Related Topic