ホームページ  >  記事  >  ウェブフロントエンド  >  Stellar と JavaScript の統合: dApp の構築は簡単です (まったくの初心者向け)

Stellar と JavaScript の統合: dApp の構築は簡単です (まったくの初心者向け)

WBOY
WBOYオリジナル
2024-08-14 10:44:101085ブラウズ

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 プロジェクトを初期化します。

次に、JavaScript 用の Stellar SDK をインストールします。

npm install stellar-sdk

でも、ちょっと待ってください Stellar-SDK とは何ですか?

Stellar SDK は、JavaScript を使用して Stellar ネットワークと対話するための強力なライブラリです。

2. Stellar ネットワークへの接続

環境が整ったので、Stellar ネットワークに接続します。 Stellar SDK が必要で、テストネットに接続します。

テストネットとは?

Testnet は、開発者がリアルマネーに接続せずにアプリケーションをテストできる無料で使用できるネットワークです。リアルマネーに接続し、取引手数料などをカバーするために XLM を必要とするメインネットがある場合。テストネットはメインネットに似ており、Friendbot と呼ばれる無料のテスト ルーメン (XLM) があります。

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 関数は、アカウントに 10,000 テスト ルーメンを入金するよう Friendbot にリクエストを送信します。したがって、トランザクションのステータスにメッセージが記録されます。

5. 取引の実行

アカウントが開設されたので、Stellar ネットワーク上で最初のトランザクションを行うことができます。トランザクションを構築し、署名し、ステラ ネットワークに送信します。私たちのアカウントから別のアカウントに 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. エラー処理とデバッグ

コンマ ( , ) が 1 つでもコードが破損する可能性があります。エラーの処理は、コードを期待通りの軌道に乗せておくために非常に重要です。

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 で私をフォローして、私とつながりを保つこともできます。

以上がStellar と JavaScript の統合: dApp の構築は簡単です (まったくの初心者向け)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。