Обновление баланса пользователя в реальном времени в браузере из частного блокчейна ethereum

1

проблема

Я бы хотел, чтобы на веб-сайте обновлялось богатство пользователей из частного блока Ethereum.

Текущее решение (сломанное)

Я открыл websocket для частного ethereum blockchain, который является майнинг, я хотел бы обновить мой баланс монеты на лицевой стороне. Мой код выглядит следующим образом:

const express    = require("express");
const Web3       = require("web3");


var app  = express();

app.get("/", (req, res) => res.send("hello world from ping ether application"));
app.get("/ping-ether", function(req, res){


    var web3 = new Web3(new Web3.providers.WebsocketProvider('ws://localhost:8546'));

    var event_newBlockHeaders = web3.eth.subscribe("newBlockHeaders", function(err, result){

        if (err){ 

            console.log(err) 

        } else {

            let acctPromise = web3.eth.getAccounts().then(function(accts){

                let balance = web3.eth.getBalance(accts[0]).then(function(bal){

                    console.log("user: ", accts[0]);
                    console.log("balance: ", bal);

                    res.end("new balance for user: " + bal)

                });

            });
        }

    });


});


// run the server
app.listen(3000, () => console.log("web app listening on port 3000"));

Понятно, что это не обновление в режиме реального времени в интерфейсе, хотя внутренний самый обратный вызов постоянно срабатывает, как я могу подтвердить на консоли. Я хотел бы три вещи:

  1. Как мне изменить этот код так, чтобы передняя часть имела живой тикер баланса коинбазы
  2. Код вообще плохо пахнет своими вложенными обещаниями. Как я могу реорганизовать его так, чтобы мне не приходилось устанавливать соединение с websocket каждый раз, когда я перехожу к /ping-ether?
  3. Любое другое предложение приветствуется. Я очень новичок в node.js
Теги:
express
ethereum
web3

2 ответа

2
Лучший ответ

Непроверенный, но что-то вроде этого должно работать:

const express    = require("express");
const Web3       = require("web3");

var app  = express();
var web3 = new Web3(new Web3.providers.WebsocketProvider('ws://localhost:8546'));
var balance = -1;

web3.eth.getAccounts().then(accounts => {
  return web3.eth.subscribe("newBlockHeaders", (err, result) => {
    if (err) {
      console.log(err);
    } else {
      web3.eth.getBalance(accounts[0]).then(bal => {
        console.log("user: ", accounts[0]);
        console.log("balance: ", bal);
        balance = bal;
      });
    }
  })
}).then(() => {
  app.listen(3000, () => console.log("web app listening on port 3000"));
});

app.get("/", (req, res) => res.send("hello world from ping ether application"));
app.get("/ping-ether", function (req, res) {
  res.end("new balance for user: " + balance);
});

Основная идея - установить соединение и подписку на веб-соединение один раз, а затем просто отвечать на входящие веб-запросы с текущим балансом. Я также попытался очистить вложенные обещания, вернув обещание подписки.

1

Обновление: я закончил использование websocket, вот решение:

import * as Web3     from 'web3'     ; 
import * as express  from 'express'  ;
import * as socketIO from 'socket.io';
import * as http      from 'http'    ;


const CLIENT_PATH = 'path/to/directory'

var app    = express();
var server = http.Server(app);
var io     = socketIO(server);
var web3   = new Web3(new Web3.providers.WebsocketProvider('ws://localhost:8546'));

app.get('/', (req,res) => {
    res.sendFile(CLIENT_PATH + '/index.html');
});


web3.eth.getAccounts().then(accounts => {

    display_account(accounts)
})

function display_account(accounts){

    var user_0 = accounts[0]

    web3.eth.subscribe('newBlockHeaders', (err, ret) => {

        if (err){ 

            console.log("error: ", err)

        } else {

            web3.eth.getBalance(user_0).then(bal => {

                var msg = 'Balance for user ' + user_0 + ' is ' + bal  
                io.emit('message-1', msg)
                console.log('emitted message: ', msg)

            })
        }

    })

}


// use this instead of app.listen
server.listen(3000, () => {

    console.log('listening on 3000')

});

И это index.html.

<html>
<head></head>

<body>
  <div id="message"></div>

  <script src="/socket.io/socket.io.js"></script>
  <script>

    var socket = io();

    socket.on('message-1', function(msg){
      console.log(msg);
      document.getElementById("message").innerHTML = msg;
    });

  </script>
</body>
</html>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню