扩展 Flarum：将 Web3 地址添加到用户的个人资料中

kanijf716

在我们的第一个 Flarum 教程“编写 Flarum 扩展：构建自定义字段”中，我们介绍了如何在名为Flarum的速度极快且可扩展性极强的开源论坛软件中向用户个人资料添加新的自定义字段。我们添加的字段是web3address，用户 Web3 身份的帐户。 Play Next Unmute Current Time 0:05 / Duration 2:00 Fullscreen Backward Skip 10s Play Video Forward Skip 10s 在第二个教程中，我们更进一步，允许用户将 Web3 地址添加到他们的个人资料中。 注ℹ：Web3生态系统是一个去中心化托管、自有数据和抗审查通信的新型互联网。有关 Web3 的入门知识，请参阅FOSDEM 上的 15 分钟演讲。 以加密方式添加 Web3 此时，我们的自定义字段可以工作，可以由用户设置，并且可以由论坛管理员编辑。现在让我们确保用户可以以加密的方式添加他们的地址。



这意味着用户只能添加他们已证明拥有的地址。您可以通过使用该地址的私钥签署消息来证明该地址的所有权。只有拥有公私密钥对中的私钥的人才被视为该密钥对的所有者。公私密钥对的公共部分是从数学上导出 Web3 地址的基础。 Learn to Code with JavaScript 要拥有某些地址，用 越南数据 户应该安装Polkadot JS 扩展并创建一个帐户。用户界面应该是不言自明的，但如果需要，这里有更详细的指南。 我们在上一篇教程中添加的字段目前允许用户手动设置任何值，但这意味着用户可以输入任何人的地址，甚至一些乱码。我们希望他们只添加自己的，因此我们将其替换为一个按钮，该按钮将： 请求访问包含该帐户的浏览器扩展程序的权限 加载帐户并提供一个下拉菜单以选择其中一个 要求用户使用该地址签署消息并验证该签名 将该帐户注册为用户的 Web3 地址 让我们深入了解一下。 按钮 首先，我们需要将 Web3 输入字段更改为Dropdown。




让我们创建 我们按照Web3Field.js之前创建的样式创建一个新组件，但现在我们返回 Dropdown 组件的实例。Dropdown 组件是 Flarum 中的几个标准 JS 组件之一。您可以在此处找到完整列表。我们还为其指定了“Button”类，以使其风格与论坛的其他部分相匹配。单击后，我们打印一条消息。 该组件是一个按钮，能够从传入的项目中调用下拉菜单，很像论坛管理员可以在用户个人资料上看到的“控制”菜单： 简单的按钮 Learn to Code with JavaScript 依赖关系 在我们的扩展的 JS 文件夹中，我们将添加两个依赖项 注意 ⚠：如果您仍在运行，请不要忘记停止该进程yarn dev，并且在安装这些依赖项后不要忘记再次启动它！ util-crypto包含一些用于加密操作的实用函数。util包含一些基本的实用程序，例如将字符串转换为字节等。（这里有两个文档。）extension-dapp是一个帮助器层，可以让我们编写的 JS 与我们安装的 Polkadot JS 扩展进行交互。