阅读(706) (0)

Moralis Metamask

2022-05-09 13:38:28 更新

将 Moralis 与 MetaMask 集成

Moralis 中的默认身份验证是 ​MetaMask ​钱包身份验证

1.调用鉴权函数

使用 ​MetaMask ​对用户进行身份验证很简单,可以选择使用​JS​或者​React​:

Moralis.authenticate().then(function (user) {
    console.log(user.get('ethAddress'))
})
import { useMoralis } from "react-moralis";

function App() {

    const { authenticate, isAuthenticated, user } = useMoralis();

    const login = async () => {
      if (!isAuthenticated) {

        await authenticate()
          .then(function (user) {
            console.log(user!.get("ethAddress"));
          })
          .catch(function (error) {
            console.log(error);
          });
      }
    }
}

这将连接 ​MetaMask ​并请求签名。

我们使用签名作为用户是账户所有者的证据

签名与输入用户名和密码没有什么不同。 如果用户想要使用应用程序的经过身份验证的功能,他们需要“登录”。

spaces_-MVStbACGLCycg7J5WQ2_uploads_git-blob-a2060a57aff546afa6634c7bd1053df686682c8e_MetaMask Authentication 2

它适用于所有与以太坊虚拟机 (​​EVM​​) 兼容的链,例如 ​​Binance Smart Chain​​ 和 ​​Polygon (Matic)​​,因为它们都共享相同的以太坊地址。

一旦用户登录,他们所有的链上数据都会立即同步到您的 Moralis 数据库中。 如果用户在链上移动资产,数据库会更新。

spaces_-MVStbACGLCycg7J5WQ2_uploads_git-blob-5663ad2e6bef138efd00a809e8f34f651e8baab1_Screenshot 2022-03-15 at 1

2. 更改 MetaMask 应用程序图标

可以更改用户在与您的智能合约交互时看到的图标。 为此,您必须向您的 ​dApp ​添加一个网站图标。 按照 ​MetaMask ​文档中的说明进行操作。

3.添加自定义登录消息

更改 ​MetaMask上的身份验证消息。 只需遵循:Sign-in Message

4. 示例代码

以下代码演示了一个工作示例

与Vanilla JS连接