Прежде чем приступить непосредственно к отладке вашего кода реакции, лучше начать с простого приложения на основе html и попытаться запросить вашу частную цепочку Ethereum.Для этого выполните следующие шаги
- Создайте файл index.html ниже
index.html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8">
<meta name=”viewport” content=”width=device-width, initial-scale=1.0">
<meta http-equiv=”X-UA-Compatible” content=”ie=edge”>
<title>Document</title>
//provide the location of web3 file
<script src=”./node_modules/web3/dist/web3.min.js”></script>
</head>
<body>
<div class=”container”>
<h1>Given below Ethereum address</h1>
<div id=”AccountAddress”></div>
<script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script>
if (typeof web3 !== ‘undefined’)
{
web3 = new Web3(web3.currentProvider);
}
else
{
// set the provider you want from Web3.providers
web3 = new Web3(new Web3.providers.HttpProvider(“http://localhost:8545”));
}
$(“#AccountAddress”).html(web3.eth.accounts[0]);
</script>
</body>
</html>
Когда вы открываете файл index.html в браузере, если первый адрес учетной записи не отображается, возникает проблема с подключением к блокчейну geth ethereum, который вы только что отключили.
С помощью Geth вы можете попробовать следующую конфигурацию, чтобы запустить ваш Ethereum
geth --rpc --rpcaddr "0.0.0.0" --rpcport 8545 --nodiscover --networkid "$NETWORKID" --datadir ~/.ethereum_experiment --genesis ~/genesis_block.json
Или же вы можете попробовать использовать Ganache CLI (TestRPC) вместо Geth
Ganache CLI можно установить с помощью следующей команды
npm install -g ganache-cli
После завершения выполните следующую команду, чтобы запустить его:
ganache-cli
Вы также можете попробовать следующееесли вы чувствуете, что у вас нет web3
Установите web3.js с помощью следующей команды
npm install ethereum/web3.js — save
Теперь вы можете попробовать подключиться к интерфейсу командной строки Ganache, который вы только что начали, используя Remix IDEпервый.
Открыть http://remix.ethereum.org, щелкните вкладку «Выполнить», а затем измените раскрывающийся список «Среда» с виртуальной машины Javascript на поставщика Web3.
Нажмите «ОК» и укажите testrpc /адрес локального хоста ganache-cli (по умолчанию это http://localhost:8545)
Теперь вместо развертывания и тестирования на виртуальной машине Javascript в Remix теперь мы используем клиент CLI Ganache на вашем компьютере.
Попробуйте сначала выполнить описанные выше шаги и прокомментируйте свои выводы.