Skip to content

Commit

Permalink
Merge pull request #84 from ayo-klaytn/fix/metamask-config
Browse files Browse the repository at this point in the history
fix mm section
  • Loading branch information
ayo-klaytn authored Aug 26, 2024
2 parents c8e020e + 338371b commit 636ee20
Show file tree
Hide file tree
Showing 16 changed files with 135 additions and 18 deletions.
117 changes: 117 additions & 0 deletions docs/build/tutorials/connecting-metamask.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

# Connect MetaMask to Kaia

![](/img/banners/kaia-metamask.png)

> **Note**: MetaMask is mostly used as a wallet for Ethereum, but it is also compatible with Kaia due to the identical address structures. Kaia also has a browser extension wallet called [Kaikas](../tools/wallets/kaikas.md), so it basically provides the same features as MetaMask, except for Remix.
## Step 1. Install MetaMask <a href="#install-metamask" id="install-metamask"></a>

* We will be using Chrome browser in this example. ([**Install Chrome**](https://www.google.com/intl/en_us/chrome/))
* Add [**MetaMask Extension**](https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=en) to Chrome.

> **Note:** You may need additional installations if you are using another browser.
* You can start MetaMask by clicking on the icon in the upper right-hand corner of your chrome browser.

## Step 2. Generate a MetaMask Wallet <a href="#generate-a-metamask" id="generate-a-metamask"></a>

![Create a Wallet](/img/build/tutorials/new-to-metamask.png)

* Click on \[Create a Wallet].
* Set a password.
* You will be given a 12 word seed phrase; back it up somewhere secure.

> **Note:** You can only restore your wallet with the seed phrase. Sharing your seed phrase with others may result in losing all of your funds. Therefore, it is recommended that you either write it down manually or store it in an offline device.
![Seed phrase and Wallet](/img/build/tutorials/metamask-secret-backup.png)

## Step 3. Connect to Kaia Network <a href="#connect-to-kaia-network" id="connect-to-kaia-network"></a>

### A. Quick Configuration

<Tabs>
<TabItem value="kaia-mainnet" label="Kaia Mainnet">Use <a href="https://chainlist.org/chain/8217">ChainList</a> for a one-click configuration and follow the instructions.</TabItem>

<TabItem value="kairos-testnet" label="Kairos Testnet">Use <a href="https://chainlist.org/chain/1001">ChainList</a> for a one-click configuration and follow the instructions.</TabItem>
</Tabs>


### B. Manual Configuration

1. Click on the upper Networks tab, which is on Ethereum Mainnet as default, and select \[Add network].

![Add Network](/img/build/tutorials/mm-network-btn.png)


2. Enter the following Kaia network details in the **Add a network manually** page and click **Save**

<Tabs>
<TabItem value="kaia-mainnet" label="Kaia Mainnet">

```jsx title="Network Name "
Kaia Mainnet
```

```jsx title="New RPC URL "
https://public-en.node.kaia.io
```

```jsx title="Chain ID "
8217
```

```jsx title="Network Symbol "
KAIA
```

```jsx title="Block Explorer URL"
https://kaiascan.io
```

</TabItem>
<TabItem value="kairos-testnet" label="Kairos Testnet">

```jsx title="Network Name "
Kairos Testnet
```

```jsx title="New RPC URL "
https://public-en-kairos.node.kaia.io
```

```jsx title="Chain ID "
1001
```

```jsx title="Network Symbol "
KAIA
```

```jsx title="Block Explorer URL"
https://kairos.kaiascan.io.
```

</TabItem>
</Tabs>

## Step 4. Send KAIA <a href="#send-klay" id="send-klay"></a>

**Note:** The following steps require KAIA. For this guide, we will be using Kairos Testnet. You can obtain Test KAIA in [**Kaia Faucet**](https://faucet.kaia.io).


* Click \[Send] on the main page and enter the recipient address and the amount of KAIA.

![Send KAIA 1](/img/build/tutorials/kairos-metamask-send.png)

**NOTE:** Sending KAIA is a payment transaction, for which you need KAIA.

* Since Kaia v1.9.0, a [dynamic gas fee mechanism](https://medium.com/klaytn/dynamic-gas-fee-pricing-mechanism-1dac83d2689) has replaced the existing fixed price policy.
* So you don't have to set the fixed gas fee manually.
* Check the amount to send and the transaction fee and click \[Confirm] to complete the KAIA transfer, after which you will be redirected to the main page.
* Click \[Activity] on the main page to confirm the transaction history.

![Send KAIA 2](/img/build/tutorials/kairos-metamask-send-ii.png)


30 changes: 15 additions & 15 deletions docs/references/public-en.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,38 +25,38 @@ Since we cannot guarantee uptime and stability of the endpoints, do not use them

|Service Provider|Endpoints|Namespaces|Type|
|---|---|---|---|
|[Kaia Foundation](https://www.kaia.io)|`https://public-en.node.kaia.io`|klay,eth,net|Full|
||`https://archive-en.node.kaia.io`|klay,eth,net|Archive|
|[All That Node](www.allthatnode.com)|`https://klaytn-mainnet.g.allthatnode.com/full/evm`|klay,eth,net|Full|
|[BlockPI Network](https://blockpi.io/)|`https://klaytn.blockpi.network/v1/rpc/public`|klay,eth,net|Full|
|[OnFinality](https://onfinality.io/)|`https://klaytn.api.onfinality.io/public`|klay,eth,net|Full|
|[Pokt Network](https://pokt.network/)|`https://klaytn-rpc.gateway.pokt.network/`|klay,eth,net|Full|
|[Kaia Foundation](https://www.kaia.io)|`https://public-en.node.kaia.io`|kaia,klay,eth,net|Full|
||`https://archive-en.node.kaia.io`|kaia,klay,eth,net|Archive|
|[All That Node](www.allthatnode.com)|`https://klaytn-mainnet.g.allthatnode.com/full/evm`|kaia,klay,eth,net|Full|
|[BlockPI Network](https://blockpi.io/)|`https://klaytn.blockpi.network/v1/rpc/public`|kaia,klay,eth,net|Full|
|[OnFinality](https://onfinality.io/)|`https://klaytn.api.onfinality.io/public`|kaia,klay,eth,net|Full|
|[Pokt Network](https://pokt.network/)|`https://klaytn-rpc.gateway.pokt.network/`|kaia,klay,eth,net|Full|

**WebSocket**

|Service Provider|Endpoints|Namespaces|Type|
|---|---|---|---|
|[Kaia Foundation](https://www.kaia.io)|`wss://public-en.node.kaia.io/ws`|klay,eth,net|Full|
||`wss://archive-en.node.kaia.io/ws`|klay,eth,net|Archive|
|[OnFinality](https://onfinality.io/)|`wss://klaytn.api.onfinality.io/public-ws`|klay,eth,net|Full|
|[Kaia Foundation](https://www.kaia.io)|`wss://public-en.node.kaia.io/ws`|kaia,klay,eth,net|Full|
||`wss://archive-en.node.kaia.io/ws`|kaia,klay,eth,net|Archive|
|[OnFinality](https://onfinality.io/)|`wss://klaytn.api.onfinality.io/public-ws`|kaia,klay,eth,net|Full|

### Testnet (Kairos) Public JSON-RPC Endpoints

**HTTPS**

|Service Provider|Endpoints|Namespaces|Type|
|---|---|---|---|
|[Kaia Foundation](https://www.kaia.io)|`https://public-en-kairos.node.kaia.io`|klay,eth,net|Full|
||`https://archive-en-kairos.node.kaia.io/`|klay,eth,net|Archive|
|[All That Node](www.allthatnode.com)|`https://klaytn-baobab.g.allthatnode.com/full/evm`|klay,eth,net|Full|
|[BlockPI Network](https://blockpi.io/)|`https://klaytn-baobab.blockpi.network/v1/rpc/public`|klay,eth,net|Full|
|[Kaia Foundation](https://www.kaia.io)|`https://public-en-kairos.node.kaia.io`|kaia,klay,eth,net|Full|
||`https://archive-en-kairos.node.kaia.io/`|kaia,klay,eth,net|Archive|
|[All That Node](www.allthatnode.com)|`https://klaytn-baobab.g.allthatnode.com/full/evm`|kaia,klay,eth,net|Full|
|[BlockPI Network](https://blockpi.io/)|`https://klaytn-baobab.blockpi.network/v1/rpc/public`|kaia,klay,eth,net|Full|

**WebSocket**

|Service Provider|Endpoints|Namespaces|Type|
|---|---|---|---|
|[Kaia Foundation](https://www.kaia.io)|`wss://public-en-kairos.node.kaia.io/ws`|klay,eth,net|Full|
||`wss://archive-en-kairos.node.kaia.io/ws`|klay,eth,net|Archive|
|[Kaia Foundation](https://www.kaia.io)|`wss://public-en-kairos.node.kaia.io/ws`|kaia,klay,eth,net|Full|
||`wss://archive-en-kairos.node.kaia.io/ws`|kaia,klay,eth,net|Archive|

## RPC Service Providers

Expand Down
2 changes: 1 addition & 1 deletion docs/references/sdk/caver-java/caver-java.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# caver-java (1.5.0 or later)

![](/img/references/klaytnXcaver-java.png)
![](/img/references/kaiaXcaver-java.png)

`caver-java` is a lightweight, high modular, convenient Java and Android library to interact with clients \(nodes\) on the kaia network: This library is an interface which allows Java applications to easily communicate with [kaia](https://kaia.io) network.

Expand Down
2 changes: 1 addition & 1 deletion docs/references/sdk/caver-js/caver-js.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# caver-js (1.5.0 or later)

![](/img/references/klaytnXcaver-js.png)
![](/img/references/kaiaXcaver-js.png)

`caver-js` is a JavaScript API library that allows developers to interact with a kaia node using a HTTP or Websocket connection. It is available on [npm](https://www.npmjs.com/package/caver-js).

Expand Down
2 changes: 1 addition & 1 deletion docs/references/sdk/viem/viem.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# viem

![](/img/references/klaytnXviem.png)
![](/img/references/kaiaXviem.png)

[Viem](https://viem.sh/) is a typescript interface for Ethereum that provides low-level primitives for interacting with Ethereum and other EVM-Compatible blockchain. With kaia supporting features for [Ethereum Equivalence](https://medium.com/klaytn/using-ethereum-tools-in-klaytn-dc068d48de04), Ethereum tools such as viem can be used on kaia without any significant modifications.

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed static/img/build/tutorials/metamask-send-klay-1.png
Binary file not shown.
Binary file removed static/img/build/tutorials/metamask-send-klay-2.png
Binary file not shown.
Binary file added static/img/build/tutorials/mm-network-btn.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/references/kaiaXcaver-java.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/references/kaiaXcaver-js.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/img/references/kaiaXviem.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed static/img/references/klaytnXcaver-java.png
Binary file not shown.
Binary file removed static/img/references/klaytnXcaver-js.png
Binary file not shown.
Binary file removed static/img/references/klaytnXviem.png
Binary file not shown.

0 comments on commit 636ee20

Please sign in to comment.