嘗試將前端應用程序與智能合約連接起來

我正在 React.js 中創建一個簡單的註冊和登錄表單並將其與智能合約連接，以便使用它來儲存來自前端和區塊鏈的數據是否有任何方法或命令可以將前端與智能合約連接起來為了使用它的功能？

預先感謝

有很多 tuts 如何做到這一點基本上就這麼簡單

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();

看看這些例子：

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/

如果您以程式方式執行此操作，那麼您可以在 Stephen Grider 的 github 帳戶中查看此 repo…

https://github.com/StephenGrider/EthereumCasts/tree/master/kickstart

這是他關於區塊鏈開發的udemy教程：“乙太坊和Solidity：完整的開發者指南”

（依賴關係有點過時，但它會給你這個想法）……希望它有所幫助！

如果你碰巧檢查了它……並且在任何地方感到困惑……你可以在這裡問！我會盡量回答我所知道的！:D

引用自：https://ethereum.stackexchange.com/questions/84481