Skip to main content

RNS quickstart

Overview

RNS aims to simplify long Ronin addresses with human-readable names. This makes it easier for users to interact with your app.

This quickstart guides you through:

Prerequisites

Before running this quickstart, complete the following prerequisites:

Step 1: Install the app

For the sake of simplicity, we prepared an example RNS-enabled app in React for you to work with.

  1. Clone the example app:

    git clone git@github.com:axieinfinity/demo-rnsjs.git
  2. Install the dependencies:

    yarn install
  3. Run the app:

    yarn dev
  4. Connect your Ronin Wallet by clicking Connect Wallet.

    qsg-connect

Step 2: Resolve from an address to an RNS name

To resolve from a Ronin address to an RNS name, paste any Ronin address in the 0x... format in the top field, and then click Resolve.

qsg-reverse

The result is the primary RNS name set by the owner for this Ronin address.

qsg-reverse-success

This process is called reverse resolution. You can learn more about it in Support reverse resolution.

Step 3: Resolve from an RNS name to a Ronin address

To resolve from an RNS to a Ronin address, paste any RNS name into the bottom text field, and then click Resolve.

qsg-forward

The result is the Ronin address of the RNS name's owner.

qsg-forward-success

This process is called forward resolution. You can learn more about it in Configure RNS name resolution.

Next steps

Was this helpful?
Happy React is loading...