Moralis Web3Auth.io

集成 Moralis 和 Web3Auth

Moralis 支持使用 Web3Auth 進(jìn)行身份驗證。 這允許用戶通過社交登錄和 web3 錢包進(jìn)行登錄。

1. 創(chuàng)建一個 Web3Auth 帳戶

要開始，請在此處創(chuàng)建一個帳戶并獲取可發(fā)布的 ?clientId?。

clientId: 'ABC*****************'

2. 添加Web3Auth SDK

根據(jù)moralis 導(dǎo)入項目的方式導(dǎo)入SDK - ?CDN?、?npm ?或?yarn?。

<script src="https://unpkg.com/@web3auth/web3auth@latest/dist/web3auth.umd.min.js" rel="external nofollow" ></script>

npm install --save @web3auth/web3auth

yarn add @web3auth/web3auth

3.調(diào)用鑒權(quán)函數(shù)

你可以選擇使用?JS?或者?React?

const user = await Moralis.authenticate({
	provider: "web3Auth",
	clientId: "ABC*****************",
})

import { useMoralis } from "react-moralis";

function App() {

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

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

        await authenticate({
				provider: "web3Auth",
				clientId: "ABC*****************",
			})
          .onSuccess: (user) => {
            console.log(user!.get("ethAddress"));
          }
          .catch(function (error) {
            console.log(error);
          });
      }
    }
}

然后像上面一樣調(diào)用身份驗證，但使用?provider?選項和所需的參數(shù)。 ?clientId ?是唯一必需的參數(shù)。

參數(shù)

使用 ?web3Auth ?提供程序時可以傳遞給 ?Moralis.authenticate()? 的參數(shù)