Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat:Introduction to ChainList #14

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions 0.基础知识/README-etherscan-use
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ Etherscan 是以太坊网络的区块链浏览器。该网站允许您搜索交
>提示:
>>本次介绍仅在以太坊Testnet进行</br>
>>本次介绍的输入地址都是测试网中任意地址,仅参考
>>etherscan地址:https://etherscan.io/

<h2>下面介绍基本使用:</h2>

Expand Down
126 changes: 126 additions & 0 deletions 0.基础知识/REAMDE-Chainlist-use
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@
<h1 style="text-align: center;">Chainlist使用介绍:</h1>

```python
Chainlist是一个社区维护的以太坊EVM兼容区块链信息库,
可以帮助你快速完成MetaMask、Coinbase等Web3钱包
的链标识/ChainID和网络标识/NetworkID的设置并接入正确的区块链网络.
```
>提示:
>>本次介绍是作为初学者的使用介绍
>>chainlist地址:https://chainlist.org/zh

<h2>下面介绍基本使用:</h2>

<h2>1.连接Metamask</h2>

点击连接钱包按钮,选择metamask进行连接
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/addcustomnetwork.jpg" width="720px">
</p>

连接钱包成功
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/sussceconnect.jpg" width="720px">
</p>


<h2>2.添加指定的网络到Metamask</h2>
点击添加到metamask
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/addoutsidemetamask.jpg" width="720px">
</p>

点击批准
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/approve.jpg" width="320px">
</p>

点击切换网络(这里是因为metamask已连接其他网络才有这个对话框)
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/switchnetwork.jpg" width="320px">
</p>

已切换成功的metamask状态
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/metamaskstatus.jpg" width="320px">
</p>

<h2>3.通过名称搜索网络</h2>

在输入框中输入你要查询的网络名称
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/searchminnet.jpg" width="720px">
</p>

点击Testnet开关,还可以搜索测试网
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/searchtestnet.jpg" width="720px">
</p>


<h2>4.通过ChainId搜索网络</h2>

输入chainid进行搜索(这里的搜索不是精准搜索,而是模糊搜索,所以会有其他的网络一起出现)
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/searchchainid.jpg" width="720px">
</p>

<h2>5.查看网络连接中状态</h2>

点击网络信息下的箭头按钮
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/clickupdown.jpg" width="720px">
</p>

查看网络状态:<br/>
🟢:表示正常<br/>
🟡:表示不稳定<br/>
🔴:表示断开<br/>
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/networkscore.jpg" width="720px">
</p>

<h2>6.把RPC地址添加到IDE中进行操作</h2>
(这里我们使用Black IDE进行添加自定义网络)</br>
https://ide.black/</br>

复制Chainlist的RPC地址:https://rpc.ankr.com/avalanche_fuji (这里使用Avalanche测试网进行配置)
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/copyrpcaddress.jpg" width="720px">
</p>

进入 [Black IDE](https://ide.black/welcome) 欢迎页
点击展开Network网络列表
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/networklist.jpg" width="720px">
</p>

点击custom按钮
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/custom.jpg" width="720px">
</p>

新添加一个自定义网络
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/addcustomnetwork.jpg" width="720px">
</p>

输入自定义网络名称和RPC地址,然后点击Check Network(这一步是为了检测该RPC是否连接正确以及是否存在)
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/checknetwork.jpg" width="720px">
</p>

添加到自定义网络列表中
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/addcustomnetwork.jpg" width="720px">
</p>

连接添加好的自定义网络
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/connectcustom.jpg" width="720px">
</p>

进入到Explorer页面,就可以查询到你的地址的详情,还可以进行转账和跳转到Etherscan中去
<p align="center">
<img src="https://github.com/Whisper22X/SomeExplorer/blob/main/chainlist-screenshot/explorer.jpg" width="720px">
</p>