尝试将前端应用程序与智能契约连接起来

Question

我正在React.js中创建一个简单的注册和登录表单，并将其与智能契约连接起来，以便使用它存储来自前端和区块链的数据，是否有任何方法或命令将前端连接到智能契约以使用其功能？

提前感谢

Answer 1

怎么做这件事有很多种--基本上就是这么简单。

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/

Answer 2

如果您是以编程方式执行此操作，则可以在Stephen Grider的github帐户中检查此回购。

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

这是给他关于区块链开发的udemy教程："Ethereum and Solidity: The Complete Developer's Guide“

(依赖关系有点过时，但它会给您一个想法)..。希望它能帮上忙！

如果你碰巧检查了..。在任何地方都感到困惑..。你可以在这里问！我会尽我所知回答的！