raiden-ts
Version:
Raiden Light Client Typescript/Javascript SDK
219 lines • 11.1 kB
HTML
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hub Selection and Channel Opening | raiden-ts - v3.1.1</title>
<meta name="description" content="Documentation for raiden-ts - v3.1.1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../assets/css/main.css">
<link rel="stylesheet" href="../../assets/css/pages.css">
<script async src="../../assets/js/search.js" id="search-script"></script>
</head>
<body>
<header>
<div class="tsd-page-toolbar">
<div class="container">
<div class="table-wrap">
<div class="table-cell" id="tsd-search" data-index="../../assets/js/search.json" data-base="../..">
<div class="field">
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
<input id="tsd-search-field" type="text" />
</div>
<ul class="results">
<li class="state loading">Preparing search index...</li>
<li class="state failure">The search index is not available</li>
</ul>
<a href="../../index.html" class="title">raiden-ts - v3.1.1</a>
</div>
<div class="table-cell" id="tsd-widgets">
<div id="tsd-filter">
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
<div class="tsd-filter-group">
<div class="tsd-select" id="tsd-filter-visibility">
<span class="tsd-select-label">All</span>
<ul class="tsd-select-list">
<li data-value="public">Public</li>
<li data-value="protected">Public/Protected</li>
<li data-value="private" class="selected">All</li>
</ul>
</div>
<input type="checkbox" id="tsd-filter-inherited" checked />
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
</div>
</div>
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
</div>
</div>
</div>
</div>
<div class="tsd-page-title">
<div class="container">
<ul class="tsd-breadcrumb">
<li>
<a href="../../modules.html">raiden-ts - v3.1.1</a>
</li>
<li>
<a href="using-dapp.html">Using the Raiden dApp</a>
</li>
<li>
<a href="hub-selection-channel-opening.html">Hub Selection and Channel Opening</a>
</li>
</ul>
<h1>Hub Selection and Channel Opening</h1>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-8 col-content">
<div class="tsd-panel tsd-typography">
<a href="#hub-selection-and-channel-opening" id="hub-selection-and-channel-opening" style="color: inherit; text-decoration: none;">
<h1>Hub Selection and Channel Opening</h1>
</a>
<p>Once you sign the MetaMask prompt to create a Raiden Account you will come to a screen where you will be prompted to connect a new token. You might also get a snackbar at the botton of the screen informing you that receiving transfers is disabled.</p>
<blockquote>
<p>Receiving Transfers disabled - this is a security feature and a notification is<br>given when there are not enough funds to pay for the Raiden services, like the
<a href="https://raiden-network-specification.readthedocs.io/en/latest/monitoring_service.html">monitoring service</a></p>
</blockquote>
<hr>
<p><img src="https://user-images.githubusercontent.com/15123108/103350295-824c8e00-4ac5-11eb-86e5-99aec9533d8e.gif" alt="Select-Hub" title="Select Hub gif"></p>
<a href="#select-hub" id="select-hub" style="color: inherit; text-decoration: none;">
<h2>Select Hub</h2>
</a>
<p><img src="https://user-images.githubusercontent.com/15123108/103347552-4e6d6a80-4abd-11eb-869f-2d98e65caf2a.png" alt="Select-Hub-screen" title="Select Hub screen"></p>
<p>On the <em>Select Hub</em> screen There are two tokens available which will briefly be described here:</p>
<ol>
<li><em>SVT</em> tokens(<strong>RDN</strong> tokens on mainnet)</li>
<li><em>TTT</em> TestToken (<strong>DAI</strong> or <strong>WETH</strong> on the mainnet)</li>
</ol>
<p>The <em>SVT</em> token which is the service token, is used to pay for the Raiden services, <em>PFS</em> (Path Finding Service) and <em>MS</em> (Monitoring Service). For testnets the service tokens can be minted and then deposited to the <em>UDC</em> directly in the Raiden dApp. This is done by clicking the button on the right side next to the token amount.</p>
<p>The <em>TTT</em> TestToken is the token which will be used for transfers with a counterparty when sending or receiving micropayments. On testnet the token can be minted by clicking on the button to the right of the amount.</p>
<p>The <em>HUB</em> is usually a well connected node with which a channel can be opened.
If well connected hubs are available for the token network, a list of the top three are suggested. You can go ahead and open channels with any of the suggested hubs, or if you know any node in the network you can open a channel by entering the address of that node.</p>
<a href="#mint-or-acquire-tokens" id="mint-or-acquire-tokens" style="color: inherit; text-decoration: none;">
<h2>Mint or Acquire Tokens</h2>
</a>
<p><img src="https://user-images.githubusercontent.com/15123108/103345560-b6b94d80-4ab7-11eb-847a-d8f08bc96c23.png" alt="Mint-SVT-TTT" title="Mint SVT and TTT tokens"></p>
<p>Minting tokens can only be done on testnets.
On Goerli, for instance, that would be the <em>SVT</em> and <em>TTT</em> token (or any other token which supports minting).</p>
<p>On mainnet, the tokens needs to be acquired independently. The dApp assists in this by providing a link to Uniswap where tokens can be exchanged.</p>
<p><img src="https://user-images.githubusercontent.com/15123108/103347569-59c09600-4abd-11eb-9197-5d9a7e628267.png" alt="After-minting-select-hub" title="After minting select hub screen"></p>
<p>After minting the screen should look something like above.</p>
<a href="#opening-a-channel-with-the-hub" id="opening-a-channel-with-the-hub" style="color: inherit; text-decoration: none;">
<h2>Opening a Channel With the Hub</h2>
</a>
<p><img src="https://user-images.githubusercontent.com/15123108/103350414-e66f5200-4ac5-11eb-8339-5e3ecb564d5f.gif" alt="select-hub-button-click" title="Select hub button click"></p>
<p>After entering the address of the hub click on <em>Select hub</em> and on the next screen enter the amount to be allocated in the channel. Sign the required transactions on MetaMask. When a channel has been opened you will end up on the <em>Transfer</em> screen.</p>
<p><img src="https://user-images.githubusercontent.com/15123108/102078186-7eb3d880-3e30-11eb-87d3-ab342f062a9e.png" alt="Transfer-screen-after-select-hub" title="Transfer screen"></p>
<p>The 3 dots menu next to the capacity of the channel (<strong>1.0 TTT</strong> in the example above), can be clicked to access the <em>DEPOSIT</em> and <em>CHANNELS</em> options. If the <em>CHANNELS</em> option is clicked a list of available channels is displayed.</p>
<p><img src="https://user-images.githubusercontent.com/15123108/102078250-9ee39780-3e30-11eb-975b-ecaeb6a8e2c7.png" alt="channel-screen" title="Channels Screen"></p>
</div>
</div>
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
<nav class="tsd-navigation primary">
<ul>
<li class="label pp-nav pp-group">
<span>Get <wbr>Started</span>
</li>
<li class=" pp-nav pp-page">
<a href="../Get Started/prerequisites.html">Prerequisites</a>
</li>
<li class=" pp-nav pp-page">
<a href="../Get Started/installing-sdk.html">Installing the SDK</a>
</li>
<li class=" pp-nav pp-page">
<a href="../Get Started/installing-dapp.html">Installing the d<wbr>App</a>
</li>
<li class=" pp-nav pp-page">
<a href="../Get Started/connecting.html">Connecting</a>
</li>
<li class=" pp-nav pp-page">
<a href="../Get Started/private-chain.html">Private chains</a>
</li>
<li class="label pp-nav pp-group">
<span>Usage</span>
</li>
<li class=" pp-nav pp-page">
<a href="../Usage/opening-channel.html">Opening a channel</a>
</li>
<li class=" pp-nav pp-page">
<a href="../Usage/funding-channel.html">Funding a channel</a>
</li>
<li class=" pp-nav pp-page">
<a href="../Usage/direct-transfer.html">Transferring</a>
</li>
<li class=" pp-nav pp-page">
<a href="../Usage/closing-channel.html">Closing a channel</a>
</li>
<li class=" pp-nav pp-page">
<a href="../Usage/settling-channel.html">Settling a channel</a>
</li>
<li class="label pp-nav pp-group">
<span>Using the <wbr>Raiden d<wbr>App</span>
</li>
<li class=" pp-nav pp-page">
<a href="using-dapp.html">Overview</a>
</li>
<li class=" pp-nav pp-page">
<a href="navigate-dapp.html">Navigate the <wbr>Raiden d<wbr>App</a>
</li>
<li class="current pp-nav pp-page">
<a href="hub-selection-channel-opening.html">Hub <wbr>Selection and <wbr>Channel <wbr>Opening</a>
</li>
<li class=" pp-nav pp-page">
<a href="transfers.html">Transfers</a>
</li>
<li class=" pp-nav pp-page">
<a href="channels.html">Channels</a>
</li>
<li class=" pp-nav pp-page">
<a href="account.html">Accounts</a>
</li>
<li class="label pp-nav pp-group">
<span>Using the <wbr>Raiden CLI</span>
</li>
<li class=" pp-nav pp-page">
<a href="../Using the Raiden CLI/README.html">Overview</a>
</li>
<li class=" pp-nav pp-page">
<a href="../Using the Raiden CLI/raspberrypi.html">Running raiden-<wbr>cli on the raspberry pi</a>
</li>
<li class="label pp-nav pp-group">
<span>API</span>
</li>
<li class=" ">
<a href="../../modules.html">Exports</a>
</li>
</ul>
</nav>
<nav class="tsd-navigation secondary menu-sticky">
<ul class="before-current">
</ul>
</nav>
</div>
</div>
</div>
<footer class="with-border-bottom">
<div class="container">
<h2>Legend</h2>
<div class="tsd-legend-group">
<ul class="tsd-legend">
<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
</ul>
</div>
</div>
</footer>
<div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
</div>
<div class="overlay"></div>
<script src="../../assets/js/main.js"></script>
</body>
</html>