MilliNet HTTP Client for Web3 Supports ENVIO Endpoints

This guide describes the steps to install the MillNet HTTP client iFrame into a page like envio.dev/networks.

About MilliNet

MilliNet is an HTTP client optimized for Web3. It is light-weight and runs entirely in the browser without a backend proxy. Like Postman, it can dispatch POST and GET requests to endpoints. Also, MilliNet measures round-trip times in milliseconds for min, max, avg, p50 and p95.

All of MilliNet’s features are accessible in a free public web app. Additionally, MilliNet is embeddable in an iFrame as an API / RPC playground.

The default config/URL for MilliNet as an iFrame is:

https://www.comparenodes.com/millinet/millinet-widget/

The widget is configured with URL query parameters which are listed in this doc.

ENVIO Setup

Since ENVIO’s endpoints use their their .xyz domain, we can add a parameter to allow only URLs with a second level domain of “hypersync.xyz”:

?endpointSLD=hypersync.xyz

ENVIO serves private endpoints authenticated with an API key in the endpoint URL. Therefore, we can hide the header authentication controls for iFrames displayed to their visitors by adding the following configuration into the URL for the iFrame:

&showAuthControls=false

Let’s also assume that ENVIO prefers to set the default loop counter to 4 and its max to 15:

&defaultLoop=4&maxLoop=15

The last two parameters should be “attached” dynamically depending on the page content since they are used to initialize the iFrame for a specific protocol / endpoint: e.g. to load a ENVIO URL into the form, use:

&endpointURL=https://42161.rpc.hypersync.xyz/

And to initialize the request body with a matching example, we can add:

&protocolGroup=eth_getBlockByNumber

Of course, MilliNet users can change the RPC request body to any other payload for the 11 methods supported by ENVIO. Similarity, the iFrame can initialize with examples for eth_chainId, eth_blockNumber, eth_getLogs, eth_getBlockReceipts or trace_block from available configs for requests.

The final iFrame HTML could come out to something like:

<iframe 
src="https://www.comparenodes.com/millinet/millinet-widget/
?endpointSLD=hypersync.xyz&showAuthControls=false&defaultLoop=4&maxLoop=15
&endpointURL=https://42161.rpc.hypersync.xyz/&protocolGroup=eth_getBlockByNumber" 
style="min-width: 360px; max-width: 958px; width: 100%; height: 1185px; 
border: 1px solid #161618; border-radius:4px">
</iframe>

Note that you need an API token from ENVIO and add it to the URL in order to use RUN and START buttons below: