I'm running a private blockchain on localhost and have verified that admin.peers is an empty array. This entry implies I'm connected to and syncing with mainnet. I'm not sure how the value is derived but it appears to be incorrect. Either that or I'm misinterpreting it as a flag for "is connected to mainnet."

The explorer is not showing blocks. The UI is coming up, Parity is running, and I get no errors. Just a blank UI.

What is a good way to troubleshoot this problem? What should I look at? What should I install? How can I test this in small pieces?

i want to change your codes and use mysql , i input npm install mysql , and I add var mysql = require('mysql') in addressinfoController.js .But it can't work.Chrome console says Cannot find module 'mysql'
there really is a folder named 'mysql'.
i try to solve this problem ,bu i don't understand nodejs, so how can i use mysql?

Hi,

I'm trying to use this explorer with Ganache TestRPC but I got the error below:

Error: Transaction at index 0x00 does not exist in block.
    at Object.InvalidResponse (web3.min.js:1)
    at s.send (web3.min.js:2)
    at a.send (web3.min.js:2)
    at updateTXList (mainController.js:202)
    at Object.<anonymous> (mainController.js:9)
    at Object.e [as invoke] (angular.js:4473)
    at Q.instance (angular.js:9093)
    at L (angular.js:8205)
    at g (angular.js:7637)
    at g (angular.js:7641)

When I switched and changed the GETH_HOSTNAME and GETH_RPCPORT to real Geth node (my private blockchain node in the cloud), the explorer is working fine.

Any idea what I missed here? Please advice.

Thank you.

@carsenk

Do you have a donation address?

Gas used for a given failed transaction is shown to be the gas limit of the transaction. It should be the actual gas used. The number is correct in the block summary page.

Hello I have the explorer on a debian cloud and geth is running on 8545. The webapp is loading but the block transactions etc are not loading . I can see the following issues in the browser console .

Error: invalid argument 0: hex string without 0x prefix
InvalidResponse@http://my-ip:8000/bower_components/web3/dist/web3.min.js:1:27514
require<[43]</s.prototype.send@http://my-ip:8000/bower_components/web3/dist/web3.min.js:2:20636
require<[35]</a.prototype.send@http://my-ip:8000/bower_components/web3/dist/web3.min.js:2:12677
updateStats@http://my-ip:8000/scripts/controllers/mainController.js:118:37
@http://my-ip:8000/scripts/controllers/mainController.js:10:9
e@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:39:94
Xe/this.$get</</<@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:80:149
L@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:61:140
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:326
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:349
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:349
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:349
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:349
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:349
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:349
V/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:53:388
d/</<@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:20:4
$eval@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:132:354
$apply@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:133:47
d/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:19:477
e@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:39:94
d@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:19:398
yc@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:20:179
Zd@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:19:1
@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:292:51
a@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:173:491
c@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:35:124
angular.js:12416:17

I have changed GETH_HOSTNAME and APP_HOSTNAME to my ip from localhost . do i need to make additional changes before running it on a cloud ?

Thanks for the help

Hi, thank you for taking the time to write this code.

I have currently set this up on one of my hosts and and am having a hard time connecting..

Current setup.

1. Explorer is running on port 8000 with no errors in the console I can see
2. Nginx is set up as a proxy for port 80

config..

server {
        listen 80 default_server;
        listen [::]:80 default_server;

        server_name mydomain.com;
 
        location / {
                proxy_pass http://localhost:8000;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection 'upgrade';
                proxy_set_header Host $host;
                proxy_cache_bypass $http_upgrade;
            }
}

I'm able to go to mydomain.com and see the server running.

I have geth installed but do not want to install the full blockchain so im using the --light command..

No matter what command I try the "Allow Access to Geth and Refresh the Page" never goes away..

Example geth commands.

geth --light --rpc --rpcaddr localhost --rpcport 8545 --rpcapi "web3,eth" --rpccorsdomain "http://localhost:8000"
geth --light --rpc --rpcaddr localhost --rpcport 8545 --rpcapi "web3,eth" --rpccorsdomain "https://mydomain.com"
geth --light --rpc --rpcaddr localhost --rpcport 8545 --rpcapi "web3,eth" --rpccorsdomain "http://mydomain.com"
geth --light --rpc --rpcaddr localhost --rpcport 8545 --rpcapi "web3,eth" --rpccorsdomain "http://localhost"

Any thoughts ..

Is there a reason why this app makes so many continuous requests per second on page load? I have about 220,000+ blocks in my chain - is it trying to load data from each block?

What is the recommended way to view this explorer from the public internet? Reverse proxy? Manually setting the public IP in the config?

Etc.?

Google browser console "web3 is not defined”,It has been bothering me for a long time. Please tell me how to solve it. I have been trying to solve this problem，Looking forward to your reply！

I have installed everything, worked through a few extra issues and finally got the dashboard to come up without the Geth refresh notice. Now all I get is a blank dashboard. I'm completely out of ideas lol.

@carsenk you might want to change the location of bootstrap.min.css to:

https://bootswatch.com/3/flatly/bootstrap.min.css

Why would web3.eth.blockNumber return a zero? Should geth be run for a certain duration before explorer can work? In scripts/controllers/mainController.js, the function updateStats() fails if web3.eth.blockNumber returns 0. I used a work-around such that the blockNum used subsequently is always greater than equal to 0 and the -1 doesn't crash the application.

The service seems down. Is there an easy way to replace it? (like the css bug #24)

I am referring to the issue reported in the etherparty/explorer repo - etherparty/explorer#30 I am facing the same issue with this repo also. I am keen to know, how to resolve this issue.

Thanks!

Looks like this pretty looking tool doesn't work with testrpc.

Maybe it's possible to avoid eth_protocolVersion call?

Regards,

the webpages locks up and the links don't work randomly. also going from the address back to home tends to freeze up

Hey I want to know can we use this without running geth, like with testrpc or IP address running blockchain on other server and if so how could I do that. I tried to change few things but could not make it work.

Really Appreciate your work.

web3 is constantly polling http requests. which freezes most of the site/browser. It would be perfect to use websocket. so server emits forever and frontend subscribes all the time.

The main controller is being called multiple times: https://github.com/carsenk/explorer/blob/master/app/scripts/controllers/mainController.js#L4

This was not a problem when running locally geth and the server, but when I run them on different machines, there web3.eth.filter() is way to fast asking for updates and makes the frontend be sluggish.

Don't know if I messed something up, our if happens to anyone else, but it seems to be a mixture from multiple calls to the mainCtrl time the amounts of updates web3.eth.filter() does. Working on a simplification of this problem, unless it doesn't happen to anyone else

[Error] Error: invalid argument 0: hex string without 0x prefix
InvalidResponse@http://MY_SERVER_IP_ADDRESS:8000/bower_components/web3/dist/web3.min.js:1:27523
send@http://MY_SERVER_IP_ADDRESS:8000/bower_components/web3/dist/web3.min.js:2:20653
send@http://MY_SERVER_IP_ADDRESS:8000/bower_components/web3/dist/web3.min.js:2:12697
[native code]
updateStats@http://MY_SERVER_IP_ADDRESS:8000/scripts/controllers/mainController.js:118:54
http://MY_SERVER_IP_ADDRESS:8000/scripts/controllers/mainController.js:10:20
https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:80:157
L@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:61:141
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:327
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:350
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:350
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:350
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:350
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:350
g@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:54:350
https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:53:389
https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:20:8
$apply@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:133:57
https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:19:485
d@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:19:406
Zd@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:19:2
https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:292:53
a@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:173:492
c@https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:35:133
(anonymous function) (angular.min.js:80:459)
$apply (angular.min.js:133:96)
(anonymous function) (angular.min.js:19:486)
d (angular.min.js:19:407)
Zd (angular.min.js:19)
(anonymous function) (angular.min.js:292)
a (angular.min.js:173:493)
c (angular.min.js:35:134)

So I can just put it to something like web root

The ethereum value look up used (coinmarketcap-nexuist.rhcloud.com) does not seem to have CORS turned on and produces a lot of errors in the console and a lot of "loading..." in the page. A new API should be used like perhaps CryptoCompare.

npm ERR! node v7.4.0
npm ERR! npm v4.2.0
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: http-server ./app -a localhost -p 8000 -c-1
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'http-server ./app -a localhost -p 8000 -c-1'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the EthereumExplorerV2 package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! http-server ./app -a localhost -p 8000 -c-1
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs EthereumExplorerV2
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls EthereumExplorerV2
npm ERR! There is likely additional logging output above.

I'm trying out the program in LXC environment but unsuccessful. However, explorer refuse to connect to a locally hosted geth inside the LXC. If I change it to LXC's IP address in app/app.js, the web page will hang and Chromium ask me to kill it. How can I make it to connect?

Hi All,

I am trying to get this working on a VPS and a public IP.

my geth command looks like this:
geth --datadir /dataPath --networkid 9900 --nodiscover --rpc --rpcaddr 127.0.0.1 --rpcapi "web3,net,eth,personal" --rpccorsdomain "http://public IP:15000" console

my app.js is this:

var GETH_HOSTNAME       = window.location.hostname;     // put your IP address!
var APP_HOSTNAME        = "See package.json --> scripts --> start: Change 'localhost'!!!";
var GETH_RPCPORT        = 8545;                 // for geth --rpcport GETH_RPCPORT
var APP_PORT            = "See package.json --> scripts --> start: Perhaps change '8000'";
// this is creating the corrected geth command
var WL=window.location;
var geth_command = "geth --rpc --rpcaddr "+ GETH_HOSTNAME + " --rpcport " + GETH_RPCPORT +'\ --rpcapi "web3,eth" ' + ' --rpccorsdomain "' + WL.protocol +"//" + WL.host + '"';

and package.json:
"start": "http-server ./app -a 0.0.0.0 -p 15000 -c-1"

The webpage comes up with a header and a footer but no blocks are displayed. There is no pop up about geth not being connected as well.

Thanks

I have problems with bufferutil during installation
as far as i understand problem was related to
node -nodejs name mismatch
to fix it I've runned
apt-get install nodejs-legacy

so consider adding that as dev dependency

I am working on a private net, and the difficulty is shown as:

0.000 T

instead of 134240

Where do I modify the sources to remove your difficulty formatting so I could see the real difficulty ?

Gas Used is also 0.. This probably isn't true. Were is in the source code does this gas used calculation go ? I want to verify if you scale it or not. If not, then the 0 is okay.

Thanks
p.s.
if you can add a tooltip with real difficulty this would be nice

Hello,
Please wanted to know if I can use the source code of this explorer to explore other coins
blockchain such as Monero block chain or other , If yes please what are steps to follow ?
Thanks.

From FortAwesome/Font-Awesome#13441 this is removed.

Issue #52 maybe the same problem.

in a chrome brower without MetaMask plugin report "web3 is not defined".

Make it possible to run this app as a docker container. Take care to pick up configuration from environment variables so that it can be embedded in docker-compose setups.

It will then be possible to include this explorer in the standard puppeth tool which comes with geth. See this tweet by Péter Szilágyi and the replies: https://twitter.com/peter_szilagyi/status/965553294323126272

puppeth is used mostly for deploying private network names, so it might also be a good idea to NOT hard-code the native currency name to "Ether" and instead pick it up from run-time config.

Has anyone in this group found how to run this explorer on a public IP address but not expose the RPC port (8545) publicly?

EDIT (rpccors settings does not seem strong enough?)

Starting up http-server, serving ./app on port: 8000
Hit CTRL-C to stop the server
[Wed, 11 Apr 2018 08:44:37 GMT] "GET /" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.86 Safari/537.36"
_http_outgoing.js:497
throw new TypeError('The header content contains invalid characters');
^

TypeError: The header content contains invalid characters
at validateHeader (_http_outgoing.js:497:11)
at ServerResponse.setHeader (_http_outgoing.js:501:3)
at module.exports.ResponseStream.(anonymous function) [as setHeader] (D:\FilesCache\gits\explorer\node_modules\union\lib\response-stream.js:86:34)
at serve (D:\FilesCache\gits\explorer\node_modules\ecstatic\lib\ecstatic.js:146:11)
at D:\FilesCache\gits\explorer\node_modules\ecstatic\lib\ecstatic.js:139:9
at FSReqWrap.oncomplete (fs.js:153:5)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: http-server ./app -a localhost -p 8000 -c-1
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! D:\Program Files\nodejs\node_cache_logs\2018-04-11T08_44_38_000Z-debug.log

how can we use admin API of web3 in this code?
there is a "web3admin.js" but who to use that in this code

I write a contract as below ,deploy it in my private network, send sufficient ethiers to contract address and invoke the 'doTransfer' function using another account. The creator received 100000000 Wei later but i can't find the corresponding transaction in explorer.
It seems transactions invoked by contract are not showed in explorer.
Is there any way to show contract transactions?
Thanks.

contract ContractSendTest
{
address creator;
function giveMoney()
{
creator = msg.sender;
}
function doTransfer() payable
{
creator.transfer(100000000);
}
}

I'm using

• aws ec2 instance with wan elastic ip
• ubuntu geth node 1.8.2
• explorer
• nginx as proxy (a domain and ssl set-up)

app/app.js

var GETH_HOSTNAME       = "localhost";  // put your IP address!
var GETH_RPCPORT        = 8544;                 // for geth --rpcport GETH_RPCPORT

geth node
/usr/bin/geth --rpc --rpcaddr localhost --rpccorsdomain "*" --rpcvhosts "*" --rpcport 8544 --testnet --rpcapi "eth,net,web3,personal"

package.json
"start": "http-server ./app -a localhost -p 8000 -c-1",

Starting up http-server, serving ./app
Available on:
http://localhost:8000

Can't get it to work, the main problem is that I can't get the explorer to connect to node :
Error: CONNECTION ERROR: Couldn't connect to node http://localhost:8544, is it running?

Could be the relatively outdated packages (web3, http-server)?

As there are in TODO transaction History i made javascript that will take account transaction and implent it in explorer but javascript seems blocked
https://pastebin.com/3i78JAc5
Overall File
https://pastebin.com/sFMHvpqr

Small thing. This is from the home page and I have emphasized the suggested addition:

##Installation

git clone https://github.com/carsenk/explorer

cd explorer

npm install

bower install

npm start

Running into some web console errors while starting up a new project. I'm trying to connect to a private chain but I don't think I'm even getting that far in the process. I've installed all packages with npm and bower as the README suggests. Any thoughts here?

sorry , my English is poor ,these words are translated from Google
what should i do if i want successful watch this page from other computers in a same local area network?

I have the explorer on a node that is now connected to a different network/blockchain. But it's still showing the old entries. where is this cached? Can I delete it and start from scratch?

I am not able to connect to my RPC and I am trying to determine why.

I have the same problem on the parent project and I have an issue posted there:
etherparty/explorer#26

I am now trying to determine if perhaps the problem is because I am using the dev chain. I am also using a unique network_id.

Can explorer work with a dev chain? And does it need to be told the network id?

The page flickers on load showing all the {{ binding }} templates.

Implement ngCloak for a cleaner experience.

I have installed it but on npm start I am not able to access it on my browser with public ip.

I am configuring it on my aws ec2, please suggest.

Hi!

I want to know if i can run this a block explorer for a private chain.
I'm using parity instead of geth but i guess that should not affect at all.

Thanks

When doing an install : C:\Users\Stef\Documents\__TEST__\explorer>npm i, I get this error:

[email protected] install C:\Users\Stef\Documents_TEST_\explorer\node_modules\bufferutil
node-gyp rebuild

C:\Users\Stef\Documents_TEST_\explorer\node_modules\bufferutil>if not defined npm_config_node_gyp (node "C:\Program Files\nodejs\node_modules\npm\bin\node-gyp-bin\....\node_modules\node-gyp\bin\node-gyp.js" rebuild ) else (node "" rebuild )
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "C:\Users\Stef\AppData\Local\Programs\Python\Python36-32\python.EXE", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\configure.js:483:19)
gyp ERR! stack at PythonFinder. (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\configure.js:508:16)
gyp ERR! stack at C:\Program Files\nodejs\node_modules\npm\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack at FSReqWrap.oncomplete (fs.js:152:21)
gyp ERR! System Windows_NT 10.0.16299
gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js" "rebuild"
gyp ERR! cwd C:\Users\Stef\Documents_TEST_\explorer\node_modules\bufferutil
gyp ERR! node -v v8.9.3
gyp ERR! node-gyp -v v3.6.2
gyp ERR! not ok
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: node-gyp rebuild
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Stef\AppData\Roaming\npm-cache_logs\2017-12-08T20_17_42_112Z-debug.log

Python is installed:

C:\Users\Stef\Documents_TEST_\explorer>python
Python 3.6.3 (v3.6.3:2c5fed8, Oct 3 2017, 17:26:49) [MSC v.1900 32 bit (Intel)] on win32
Type "help", "copyright", "credits" or "license" for more information.

quit
Use quit() or Ctrl-Z plus Return to exit
^Z

I tried to change the http-server address to 0.0.0.0:8080 and set geth -- --rpccorsdomain "http://0.0.0.0:8080"
but always the client side pop up the dialog to connect geth:

even I changed it too the real IP address, it keeps showing same message.