如何使用Polkadot.js Apps与Moonbeam交互¶

概览¶

作为波卡（Polkadot）平行链，Moonbeam使用统一账户结构允许您使用单个以太坊格式的地址就能与Substrate(Polkadot)功能和Moonbeam的EVM交互。这种统一的账户结构意味着您无需同时维护Substrate和以太坊账户，只需通过单个以太坊账户私钥即可完成与Moonbeam交互。

同时，Polkadot.js Apps交互界面现已原生支持H160地址和ECDSA密钥。本教程将带领大家了解在Polkadot.js Apps上这个基于以太坊账户的整合。

此处提供的信息仅供参考，由第三方提供。 Moonbeam文档网站(https://docs.moonbeam.network/)上列出和描述的任何项目与Moonbeam立场无关。

将Polkadot.js Apps连接至Moonbeam¶

当第一次启动Polkadot.js Apps时，您可能会或可能不会连接到所需的网络。

您可以通过单击左上角的图标来更改所选网络，您可以在其中找到按主网、测试网和本地网络组织的网络列表。每个网络都可以在以下部分找到：

选择正确的网络后，您可以滚动回到顶部并点击Switch。

成功切换后，Polkadot.js网站不仅会连接到所选网络，相应的图标和样式也会根据网络而改变。

创建或导入H160账户至Polkadot.js Apps¶

在本节中，您将了解如何创建新帐户或将现有的MetaMask帐户导入Polkadot.js Apps。首先，有一个先决条件步骤。作为逐步停止支持本地存储在浏览器缓存中的帐户的过程的一部分，您需要在Settings选项卡中启用对帐户本地存储的支持。为此，请执行以下步骤：

1. 导航至Settings标签页
2. 在in-browser account creation标题下选择Allow local in-browser account storage
3. 点击Save

您现在可以返回Polkadot.js Apps的帐户页面并继续执行后续步骤：

1. 导航至Accounts部分
2. 点击Add account按钮

这将跳出弹窗，引导您根据指示完成在Polkadot.js Apps界面新增账户的整个流程：

1. 点击下拉菜单
2. 将Mnemonic改为Private Key，这将允许您通过私钥新增账户

接下来，如果要创建新账户，您要确保已储存好弹窗所显示的私钥。如果要导入现有账户，请输入MetaMask导出的私钥。

请确保输入私钥前缀，如0x等。如果输入正确的信息，窗口左上角就会出现相应公共地址，然后点击Next。

要完成向导弹窗步骤，您可以设置一个账户名称和密码。收到确认消息后，您会在Accounts标签中看到相应地址和余额（在本示例中为Bob的地址）。除此之外，我们还可以覆盖MetaMask扩展，可以看到两个余额是相同的。

通过Substrate API发送交易¶

现在，我们将演示Moonbeam的统一账户的作用，通过Substrate API使用Polkadot.js Apps来创建交易。请注意，我们使用的是以太坊格式H160地址与Substrate交互。为此，您可以导入另一个账户。

接着，点击Bob的send按钮，这将跳出另一个向导弹窗，引导您完成发送交易的流程。

1. 设置send to address（接收方地址）
2. 输入发送的amount（数量），在本示例中为1个DEV Token
3. 一切就绪后，点击Make Transfer按钮

随后，系统将提示您输入密码并签署和提交交易。交易确认后，您将看到每个账户的余额更新。

这样就可以了！我们非常高兴Polkadot.js Apps能够支持H160账户。同时，我们相信这一升级将会大幅度改善Moonbeam网络的用户体验和以太坊兼容功能。