Solana 是主要的区块链网络之一，拥有一个由 dapp（去中心化应用程序）、DeFi平台和其他有趣的Web3项目组成的著名生态系统。在以太坊 gas 费用飙升、经济上无法在该网络上开发的情况下，寻找其他替代方案变得越来越有趣。Solana 强调可扩展性和速度，使其成为有效的以太坊替代方案。因此，我们将在以下部分中探索如何使用Moralis操作系统构建 Solana dapp。因此，如果您继续学习，您将学习如何仅通过三个简单的步骤创建您自己的 Solana dapp！
使用 Moralis Solana API，您可以轻松为 Solana 网络创建 dapp。结合平台的底层后端基础架构和其他有趣的开发工具，这提供了更易于访问的开发流程。然而，这只是触及了 Moralis 的表面，还有更多的东西有待发现。例如，如果您想参与其他网络的dapp 开发，请查看以太坊 dapp API或Polygon dapp API。这些工具使我们能够轻松创建复杂的 dapp，例如Web3 Spotify和Web3 Amazon克隆。
因此，如果您有志于成为区块链开发人员，那么您来对地方了。 Moralis 提供您进入Web3 开发所需的一切，您可以完全免费注册 Moralis！
什么是 Solana Dapp？
在探索如何构建 Solana dapp 之前，最好先深入了解一下 Solana dapp 及其内容。因此，我们将用本节来回答这个问题：“什么是 Solana dapp？”
要了解什么是 Solana dapp，我们首先需要探索 Solana 网络。Solana 于 2017 年首次推出，是一条第一层区块链，专注于解决“区块链三难困境”的问题。具体来说，在构建区块链网络时，开发人员通常被迫牺牲以下三个特征之一来支持其他特征：
可扩展性
去中心化
安全
Solana 注重速度和可扩展性，而该网络可以通过其独特的混合共识机制来实现这一点。与此同时，以太坊采用 PoW（工作量证明）机制，而 Solana 同时实现 PoS（权益证明）和 PoH（历史证明）。
您可能更熟悉 PoS 的概念，其中验证者更有可能有资格验证区块，具体取决于他们在协议中投入了多少加密货币。另一方面，PoH 可能更陌生；然而，这本质上允许 Solana 网络创建历史记录，显示事件在特定时刻发生。不幸的是，尽管这个系统允许更大的可扩展性，但它是以牺牲去中心化为代价的。
通过简要了解 Solana 网络，回答“什么是 Solana dapp？”这个问题变得相对容易。本质上，Solana dapp 是建立在 Solana 网络之上的 dapp。就这么简单！如果您想了解有关 dapp 的更多信息，请查看以下文章，回答“什么是 dapp？”这个问题。
使用 Moralis 通过 3 个步骤构建 Dapp
在更好地了解 Solana dapp 是什么之后，我们可以继续进行主要主题并探索如何构建 Solana dapp。由于我们将使用 Moralis，因此我们只需三个简单的步骤即可创建 dapp：
创建 Moralis Dapp
使用 HTML 构建 Dapp 的内容
添加 JavaScript 逻辑
通过这些步骤，我们将创建一个 dapp，允许用户输入钱包地址并查询其投资组合。这样一来，用户就可以访问有关钱包的原生 Solana 代币、其他代币和 NFT 余额的信息。但是，为了让您了解最终产品的外观，这里是 UI（用户界面）的打印屏幕截图：
此外，如果您更愿意观看解释整个过程的视频，请随意观看下面的视频。在视频中，您将获得整个代码的更详细分解，因为我们将在本文中重点介绍要点。
但是，事不宜迟，让我们开始这个“如何构建 Solana dapp”教程，深入了解创建 Moralis dapp 的第一步！
步骤 1：构建 Solana Dapp — 创建 Moralis Dapp
如果您还没有，您需要一个 Moralis 帐户才能继续。您可以在 Moralis 免费创建一个帐户，只需几秒钟即可。现在您是 Moralis 的成员，您可以通过按下 Moralis 管理面板上的“创建新 Dapp”按钮来启动创建 Moralis dapp 的过程。
如果单击此按钮，系统将提示您选择开发环境。由于这是一个教程，我们将选择“Testnet”选项。因此，如果您继续，我们建议您也这样做。选择环境后，下一步是选择网络。但是，您很快就会注意到 Solana 不是一个选项，但这并不重要。借助 Moralis 的 Solana API，您可以选择任何可用的网络，这不会影响 dapp。因此，我们将为我们的演示 dapp 选择 Polygon 的孟买测试网。
选择网络后，您需要选择一个区域。此选择应取决于您的地理位置，您应该选择离您最近的替代方案。从那里，您只需命名 dapp 并点击“创建您的 dapp”按钮。这将启动 dapp，它将立即运行。
现在您可以访问 Moralis dapp，您可以探索几个选项。因此，如果您单击相关 dapp 的“设置”，您将被定向到 dapp 的仪表板。这将在界面左侧显示一个导航栏，其中包含一系列选项供您探索。
但是，我们将注意力集中在登录页面上，您会在该页面上找到“Dapp 凭证”。在此标题下，您会找到 dapp URL 和应用程序 ID。请记住这一点，因为我们在第三步中需要这两个元素。
第 2 步：构建 Solana Dapp — 使用 HTML 构建 Dapp 的内容
完成第一步并准备好 Moralis dapp 后，我们可以仔细研究代码本身。我们建议您做的第一件事是将项目克隆到本地目录。在这种情况下，我们将选择原始JavaScript替代方案。因此，如果您想继续，我们建议您也这样做。
在您首选的 IDE（集成开发环境）中，您会注意到两个单独的文件，在本节中，我们将仔细研究“ index.html ”。这是一个 HTML 文件，包含 dapp 的所有字段和按钮的代码。因此，如果我们回到本文前面介绍的 dapp 的打印屏幕，HTML 文件中的元素应对应于标题、输入字段、下拉菜单和“获取投资组合”按钮。
这些元素非常简单，因为它们决定了 dapp 内容的结构，所以您可以随意定制它们。因此，您可以根据自己的喜好添加、删除或编辑现有元素。但是，如果您对此文件进行了更改，请确保相应地更改 JavaScript 逻辑。此外，您还可以使用CSS进一步自定义这些元素。
如果您想了解有关Web3 前端开发的更多信息，请查看 Moralis 的web3uitkit。使用此工具，您将能够为所有未来的 Web3 项目 创建出色的 dapp UI ！
但是，在继续之前，我们还必须为 HTML 文件的初始行之一专门写一段简短的文字。代码的第五行至关重要，因为这是我们导入Moralis SDK 的地方，这允许我们使用已经准备好的代码片段。尽管如此，它在代码中看起来是这样的：
步骤 3：构建 Solana Dapp — 添加 JavaScript 逻辑
在构建 Solana dapp 的最后一部分，我们将检查“ index.js ”文件。此文件包含 dapp 的所有逻辑，我们在此添加基于 Web3 钱包地址查询投资组合的功能。但是，在探索 dapp 功能的代码之前，我们需要初始化 Moralis。
初始化 Moralis 相对容易，现在我们需要之前找到的 dapp URL 和应用程序 ID。因此，您可以导航回 Moralis 管理面板并复制这些元素。获得它们后，您需要在代码的以下部分输入它们：
初始化 Moralis 后，我们可以深入研究代码的核心函数，即“getSolanaPortfolio()”。该函数可能看起来有点短；然而，这要归功于 Moralis，它允许我们基本上只用一行代码就可以查询钱包投资组合！尽管如此，这里是整个函数，因此我们可以进一步剖析它：
该函数所做的第一件事是使用用户的输入和选择创建一个名为“options”的对象。因此，该函数从 dapp 的 UI 中获取网络和地址。然后，该函数在调用 Moralis 的“Moralis.SolanaAPI.account.getPortfolio()”函数时将该对象作为参数传递。最后，返回响应，提供对钱包投资组合的访问。
这里的神奇之处在于 Moralis 函数和 Solana API，它们使我们能够轻松获取各种链上数据！如果没有 API 和 Moralis 的 SDK，这个过程将变得更加困难，并且会浪费不必要的时间。因此，选择与 Moralis 合作是明智之举，因为您可以为所有项目平均节省 87% 的开发时间！
