Moralis Web3 企业级API Moralis Metamask

2024-02-26 开发教程 Moralis Web3 企业级API 匿名 5

将 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 ​并请求签名。

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

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

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

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

2. 更改 MetaMask 应用程序图标

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

3.添加自定义登录消息

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

4. 示例代码

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

与Vanilla JS连接