在 React 应用程序中使用 Moralis 的 Web3 身份验证
2022/9/1 1:24:12
本文主要是介绍在 React 应用程序中使用 Moralis 的 Web3 身份验证,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
在 React 应用程序中使用 Moralis 的 Web3 身份验证
Web3 身份验证在构建时非常重要 去中心化应用 (dApp)。因此,区块链开发人员必须知道如何构建 Web3 登录。我们将使用领先的 网络 3.0 开发平台—— 道德 .
它可以被称为“加密的火力基地”
什么是 Web3 登录?
有时更好地称为 Web3 身份验证。这些概念听起来可能很复杂,但幸运的是,在使用正确的工具时,我们不必担心,这要归功于信誉良好的 Web3 钱包 .许多加密钱包现在以浏览器扩展和移动应用程序的形式出现,并提供用户友好的 UI/UX。此外,虽然它们的主要功能可能是帮助用户处理和存储加密货币,但它们也可以用作 Web3 登录工具。 Web3 身份验证是绝对必要的。如果无法将用户登录到区块链,您的 Web3 应用程序很可能会失败。
简而言之,Web2 网站将电子邮件与密码结合使用,而 Web3 应用程序使用用户的加密地址。
为什么我们需要 Web3 登录?
到目前为止,我们知道 Web3 应用程序允许用户与区块链进行交互。因此,它们必须为用户提供一种连接到特定加密网络的安全方式。这就是正确的 Web3 登录解决方案所做的。成功验证后,用户可以与该网络的其他经过验证的用户和功能进行交互。因此,所有 dApp 都需要这种登录方式。
什么是 Web3 钱包?
Web3 钱包是 可访问 web3 空间的数字平台 .它们类似于普通的加密钱包,允许用户存储、发送和接收加密货币。这包括从可替代到不可替代 (NFT) 令牌的所有内容。其次,Web3 钱包也打开了通往加密世界的大门,让我们能够与各种区块链上的 dApp 进行交互。
加密钱包通常具有非托管特性,这意味着您作为钱包所有者可以在不需要中间人的情况下存储数字资产。这意味着您作为用户仍然可以完全控制您的所有资产,因为没有其他人可以访问您的代币。但是,所有责任都在您身上,这意味着您必须为自己保留私钥。一些最受欢迎的 web3 钱包是 MetaMask、TrustWallet、Argent 等。
让我们谈谈莫拉利斯:
Moralis 是一款可以让你构建跨链的软件 dApp (去中心化应用程序)非常快。
按照他们的 官方文档 :
Moralis 为构建高性能 dapps 提供 API、SDK 和数据。将 Web3 集成到任何技术堆栈中。
Moralis 提供了用于开发高性能 dApp 的单一工作流程。您首选的 web3 工具和服务与 Moralis 完全兼容。
关于它有几个很好的事实:
- Moralis 是在 Ethereum、BSC、Polygon、Solana、Elrond 等上创建和部署去中心化应用程序 (dApp) 的最快方式。
- 默认情况下,所有 Moralis dApp 都是 跨链 . Moralis 确保您的 dApp 不会过时。即使创建了额外的区块链,您的 dApp 也可以在任何链上运行。
- Moralis 让您更容易建立、维护和发展您的区块链应用程序,无论您是初学者还是经验丰富的开发人员。
如何使用 MetaMask 进行一键登录解决方案:
元掩码 是一个浏览器插件,可作为 MetaMask Chrome 扩展程序 或者 火狐插件 .它的核心是一个以太坊钱包:通过安装它,我们将获得一个独特的以太坊公共地址,我们可以通过它开始发送和接收以太币或代币。
作为浏览器扩展,它可以与您正在浏览的当前网页进行交互。它通过注入一个名为 web3.js 在我们访问的每个网页中。一旦注入,一个 网络3
对象将通过 窗口.web3
在本网站的 JavaScript 代码中。我们可以通过键入来看看这个对象的样子 窗口.web3
在 Chrome 或 Firefox DevTools 控制台中,如果我们安装了 MetaMask。
Web3.js 是以太坊区块链的 JavaScript 接口。它可以执行的功能有:
- 获取链上的最新区块
- 检查 MetaMask 上的当前活动帐户
- 获取任意账户余额
- 发送交易
- 使用当前账户的私钥签署消息
- 以及更多…
它实际上是如何工作的:
- 您的客户请求登录挑战
- 您的服务器从 Moralis Auth API 请求质询并将其传递给客户端
- 客户端对消息进行签名并将其传递给您的服务器进行验证
- 您的服务器使用 Moralis 验证挑战
详细图解说明:
Ref: https://docs.moralis.io/reference/auth-api-overview
概括
在文章中,我试图解释 Web3 如何充当通往加密世界的门户。现在我们完全知道如何使用 MetaMask 等工具实现身份验证系统,因此我们准备好创建一些很棒的 dApp。
运行代码可在以下位置获得: https://github.com/mansern/moralis-web3-authentication
学到新东西了吗?评论和反馈总是让作者高兴。快乐编码!
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明
本文链接:https://www.qanswer.top/2026/19413103
这篇关于在 React 应用程序中使用 Moralis 的 Web3 身份验证的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-29如何在 Vue2 的 uni-app 项目中使用 npm ?-icode9专业技术文章分享
- 2024-12-29uni-app vue2微信小程序项目在哪里打开终端并使用npm?-icode9专业技术文章分享
- 2024-12-29怎么在 uni-app Vue2 项目中全局引入 Vant Weapp?-icode9专业技术文章分享
- 2024-12-29uni-app vue2微信小程序项目如何在main.js中全局引入vant?-icode9专业技术文章分享
- 2024-12-28Vue入门教程:从零开始搭建第一个Vue项目
- 2024-12-28Vue CLI入门指南:快速搭建Vue项目
- 2024-12-28Vue3基础知识入门教程
- 2024-12-28Vue3公共组件开发与使用入门教程
- 2024-12-28Vue CLI学习:新手入门教程
- 2024-12-28Vue CLI学习:轻松入门与实践指南