”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 将 Stellar 与 JavaScript 集成:构建 dApp 很简单(对于绝对初学者)

将 Stellar 与 JavaScript 集成:构建 dApp 很简单(对于绝对初学者)

发布于2024-08-31
浏览:836

Integrating Stellar with JavaScript: Building dApp is Easy (for Absolute Beginners)

Stellar是一个用于快速跨境金融交易的开源区块链网络。如果您是一名 JavaScript 开发人员并想在恒星网络上构建 dApp,那么这就是您的最佳选择。在本教程中,我们将学习如何将 Stellar 与 JavaScript 集成,从设置环境到进行第一笔交易。

那么,让我们开始吧。

哦,在开始之前,我们需要 JavaScript 的基本知识,并在您的计算机上安装 npm 和 Node.js。

1. 正视环境

首先,打开终端或命令提示符并为项目创建一个新目录:

mkdir stellar-js
cd stellar-js
npm init -y

此命令将初始化一个新的 Node.js 项目。

现在,安装 Stellar SDK for JavaScript。

npm install stellar-sdk

但是,等等什么是 Stellar-SDK?

Stellar SDK 是一个使用 JavaScript 与 Stellar 网络交互的强大库。

2. 连接恒星网络

现在环境已经搭建完毕,我们将连接Stellar网络。我们需要 Stellar SDK 并连接到测试网。

什么是测试网?

Testnet 是一个免费使用的网络,供开发人员测试其应用程序而无需连接真实货币。凡是有连接真钱的主网,需要XLM来支付交易费用等。测试网与主网类似,有免费的测试Lumens(XLM),称为Friendbot。

const StellarSdk = require("stellar-sdk");
const server = new StellarSdk.Server("https://horizon-testnet.stellar.org");

这将初始化 SDK 并设置服务器以连接到测试网。

3. 创建新帐户

要与Stellar网络交互,您需要有一个Stellar账户。您可以通过生成键值对,使用 SDK 轻松创建新帐户。值对由公钥和私钥组成。

const pair = StellarSdk.Keypair.random();

console.log('Public Key:', pair.publicKey());
console.log('Secret Key:', pair.secret());

publicKey()是您账户的标识符,而secret()是您的私钥,请妥善保管。

4. 为账户注资

在测试网中,您可以使用 Stellar 的 Friendbot 服务为您的帐户注资。

const fetch = require("node-fetch");

const fundAccount = async (publicKey) => {
  try {
    const response = await fetch(
      `https://friendbot.stellar.org?addr=${publicKey}`
    );
    const data = await response.json();
    console.log("Account funded:", data);
  } catch (error) {
    console.error("Error funding account:", error);
  }
};

fundAccount(pair.publicKey());

fundAccount 函数向 Friendbot 发送请求,在您的账户中存入 10k 测试流明。因此,根据交易的状态,它将记录消息。

5. 进行交易

现在,您的帐户已创建,您可以在恒星网络上进行第一笔交易。我们将构建、签署交易并将其提交到恒星网络。我们将从我们的帐户发送 10 XLM 到另一个帐户。

const sendPayment = async (publicKey) => {
  try {
    const account = await server.loadAccount(pair.publicKey());

    const transaction = new StellarSdk.TransactionBuilder(account, {
      fee: StellarSdk.BASE_FEE,
      networkPassphrase: StellarSdk.Networks.TESTNET,
    })
      .addOperation(
        StellarSdk.Operation.payment({
          destination: publicKey,
          asset: StellarSdk.Asset.native(),
          amount: "10",
        })
      )
      .setTimeout(30)
      .build();

    transaction.sign(pair);

    const result = await server.submitTransaction(transaction);
    console.log("Transaction successful:", result);
  } catch (error) {
    console.error("Error sending payment:", error);
  }
};

sendPayment("Another_Account's_Public_Key");

6. 错误处理和调试

即使是一个逗号(,)也会毁掉你的代码。处理错误对于使代码保持在预期的轨道上非常重要。

try {
  const result = await server.submitTransaction(transaction);
  console.log("Success:", result);
} catch (error) {
  console.error("Error:", error.response.data.extras.result_codes);
}

这会捕获事务期间的任何错误并记录有助于调试代码的特定错误。

结论

我们刚刚将 Stellar 与 JavaScript 集成,并在 Stellar 测试网上进行了第一笔交易。由于JavaScript在开发者中被广泛采用,使用Stellar过渡到区块链更加方便。

学习任何新技能的最佳方法是练习更多项目。构建小型项目并尝试这些概念。

如果您觉得这篇文章有帮助,请不要忘记继续向我表达爱意。下次记得点赞、分享、学习。

您还可以通过在此处以及 X、GitHub 和 LinkedIn 上关注我来与我保持联系。

版本声明 本文转载于:https://dev.to/jitendrachoudhary/integrating-stellar-with-javascript-building-dapp-is-easy-for-absolute-beginners-4n66?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 如何使用 Savitzky-Golay 滤波平滑噪声曲线?
    如何使用 Savitzky-Golay 滤波平滑噪声曲线?
    噪声数据的平滑曲线:探索 Savitzky-Golay 过滤在分析数据集的过程中,平滑噪声曲线的挑战出现在提高清晰度并揭示潜在模式。对于此任务,一种特别有效的方法是 Savitzky-Golay 滤波器。Savitzky-Golay 滤波器在数据可以通过多项式函数进行局部近似的假设下运行。它利用最小...
    编程 发布于2024-11-06
  • 重载可变参数方法
    重载可变参数方法
    重载可变参数方法 我们可以重载一个采用可变长度参数的方法。 该程序演示了两种重载可变参数方法的方法: 1 各种可变参数类型:可以重载具有不同可变参数类型的方法,例如 vaTest(int...) 和 vaTest(boolean...)。 varargs 参数的类型决定了将调用哪个方法。 2 添加公...
    编程 发布于2024-11-06
  • 如何在经典类组件中利用 React Hooks?
    如何在经典类组件中利用 React Hooks?
    将 React Hooks 与经典类组件集成虽然 React hooks 提供了基于类的组件设计的替代方案,但可以通过将它们合并到现有类中来逐步采用它们成分。这可以使用高阶组件 (HOC) 来实现。考虑以下类组件:class MyDiv extends React.component { co...
    编程 发布于2024-11-06
  • 如何使用 Vite 和 React 构建更快的单页应用程序 (SPA)
    如何使用 Vite 和 React 构建更快的单页应用程序 (SPA)
    在现代 Web 开发领域,单页应用程序 (SPA) 已成为创建动态、快速加载网站的流行选择。 React 是用于构建用户界面的最广泛使用的 JavaScript 库之一,使 SPA 开发变得简单。然而,如果你想进一步提高你的开发速度和应用程序的整体性能,Vite 是一个可以发挥重大作用的工具。 在本...
    编程 发布于2024-11-06
  • JavaScript 中字符串连接的分步指南
    JavaScript 中字符串连接的分步指南
    JavaScript 中的字符串连接 是将两个或多个字符串连接起来形成单个字符串的过程。本指南探讨了实现此目的的不同方法,包括使用运算符、= 运算符、concat() 方法和模板文字。 每种方法都简单有效,允许开发人员为各种用例(例如用户消息或 URL)构建动态字符串。 模板文字尤其为字符串连...
    编程 发布于2024-11-06
  • Web UX:向用户显示有意义的错误
    Web UX:向用户显示有意义的错误
    拥有一个用户驱动且用户友好的网站有时可能会很棘手,因为它会让整个开发团队将更多时间花在不会为功能和核心业务增加价值的事情上。然而,它可以在短期内帮助用户并在长期内增加价值。对截止日期严格要求的项目经理可能会低估长期的附加值。我不确定苹果网站团队是否属实,但他们缺少一些出色的用户体验。 最近,我尝试从...
    编程 发布于2024-11-06
  • 小型机械手
    小型机械手
    小型机械臂新重大发布 代码已被完全重构并编码为属性操作的新支持 这是一个操作示例: $classFile = \Small\ClassManipulator\ClassManipulator::fromProject(__DIR__ . '/../..') ->getC...
    编程 发布于2024-11-06
  • 机器学习项目中有效的模型版本管理
    机器学习项目中有效的模型版本管理
    在机器学习 (ML) 项目中,最关键的组件之一是版本管理。与传统软件开发不同,管理机器学习项目不仅涉及源代码,还涉及随着时间的推移而演变的数据和模型。这就需要一个强大的系统来确保所有这些组件的同步和可追溯性,以管理实验、选择最佳模型并最终将其部署到生产中。在这篇博文中,我们将探索有效管理 ML 模型...
    编程 发布于2024-11-06
  • 如何在 PHP 中保留键的同时按列值对关联数组进行分组?
    如何在 PHP 中保留键的同时按列值对关联数组进行分组?
    在保留键的同时按列值对关联数组进行分组考虑一个关联数组的数组,每个数组代表一个具有“id”等属性的实体和“名字”。面临的挑战是根据特定列“id”对这些数组进行分组,同时保留原始键。为了实现这一点,我们可以使用 PHP 的 foreach 循环来迭代数组。对于每个内部数组,我们提取“id”值并将其用作...
    编程 发布于2024-11-06
  • 如何在 Gradle 中排除特定的传递依赖?
    如何在 Gradle 中排除特定的传递依赖?
    用 Gradle 排除传递依赖在 Gradle 中,使用应用程序插件生成 jar 文件时,可能会遇到传递依赖,您可能想要排除。为此,可以使用排除方法。排除的默认行为最初,尝试排除 org.slf4j:slf4j- 的所有实例log4j12 使用以下代码:configurations { runt...
    编程 发布于2024-11-06
  • 极简生活的艺术
    极简生活的艺术
    什么是极简生活? 极简生活是一种有意减少拥有的财产数量和生活中杂乱的生活方式。这不仅是为了整理您的空间,也是为了简化您的生活,专注于真正重要的事情,并减少干扰。 为什么采用极简主义? 头脑清晰:拥有的东西越少,需要担心的事情就越少,头脑就越清晰。 财务自由:通过减少...
    编程 发布于2024-11-06
  • Java 混淆之谜
    Java 混淆之谜
    Come play with our Java Obfuscator & try to deobfuscate this output. The price is the free activation code! Obfuscated Java code Your goal...
    编程 发布于2024-11-06
  • 如何在没有图像的 Outlook 电子邮件中创建圆角?
    如何在没有图像的 Outlook 电子邮件中创建圆角?
    在没有图像的 Outlook 中设置圆角样式使用 CSS 在电子邮件客户端中创建圆角可以非常简单。但是,使用 CSS border-radius 属性的传统方法在 Microsoft Outlook 中不起作用。在设计具有圆角元素的电子邮件时,此限制提出了挑战。不用担心,有一种解决方案可以让您在 O...
    编程 发布于2024-11-06
  • 如何在Python中高效比较字典中相等的键值对?
    如何在Python中高效比较字典中相等的键值对?
    比较字典是否相等的键值对在Python中,比较字典以检查键值对是否相等是一项常见任务。一种方法是迭代字典并使用 zip 和 iteritems 方法比较每一对字典。然而,还有一些替代方法可以提供更好的代码优雅性。其中一种方法是使用字典理解来创建仅包含共享键值对的新字典。代码如下:shared_ite...
    编程 发布于2024-11-06
  • 如何在 PHP 中使用数组函数向左旋转数组元素?
    如何在 PHP 中使用数组函数向左旋转数组元素?
    在 PHP 中向左旋转数组元素在 PHP 中旋转数组,将第一个元素移动到最后一个元素并重新索引数组,可以使用 PHP 的 array_push() 和 array_shift() 函数组合来实现。PHP 函数:PHP 没有专门用于旋转的内置函数数组。但是,以下代码片段演示了如何模拟所需的旋转行为:$...
    编程 发布于2024-11-06

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3