Moralis Metamask

2022-05-09 13:52 更新

將 Moralis 與 MetaMask 集成

Moralis 中的默認身份驗證是 ?MetaMask ?錢包身份驗證

1.調(diào)用鑒權函數(shù)

使用 ?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 ?并請求簽名。

我們使用簽名作為用戶是賬戶所有者的證據(jù)

簽名與輸入用戶名和密碼沒有什么不同。 如果用戶想要使用應用程序的經(jīng)過身份驗證的功能,他們需要“登錄”。

spaces_-MVStbACGLCycg7J5WQ2_uploads_git-blob-a2060a57aff546afa6634c7bd1053df686682c8e_MetaMask Authentication 2

它適用于所有與以太坊虛擬機 (??EVM??) 兼容的鏈,例如 ??Binance Smart Chain?? 和 ??Polygon (Matic)??,因為它們都共享相同的以太坊地址。

一旦用戶登錄,他們所有的鏈上數(shù)據(jù)都會立即同步到您的 Moralis 數(shù)據(jù)庫中。 如果用戶在鏈上移動資產(chǎn),數(shù)據(jù)庫會更新。

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

2. 更改 MetaMask 應用程序圖標

可以更改用戶在與您的智能合約交互時看到的圖標。 為此,您必須向您的 ?dApp ?添加一個網(wǎng)站圖標。 按照 ?MetaMask ?文檔中的說明進行操作。

3.添加自定義登錄消息

更改 ?MetaMask上的身份驗證消息。 只需遵循:Sign-in Message

4. 示例代碼

以下代碼演示了一個工作示例

與Vanilla JS連接


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號