Stellar mit JavaScript integrieren: Das Erstellen einer dApp ist einfach (für absolute Anfänger)

Stellar ist ein Open-Source-Blockchain-Netzwerk für schnelle und grenzüberschreitende Finanztransaktionen. Wenn Sie ein JavaScript-Entwickler sind und dApp in einem hervorragenden Netzwerk erstellen möchten, ist dies das Richtige für Sie. In diesem Tutorial erfahren Sie, wie Sie Stellar mit JavaScript integrieren, von der Einrichtung der Umgebung bis zur Durchführung Ihrer ersten Transaktion.

Also, fangen wir an.

Oh, bevor wir beginnen, benötigen wir Grundkenntnisse in JavaScript und müssen npm und Node.js auf Ihrem Computer installiert haben.

1. Die Umwelt aufrütteln

Öffnen Sie zunächst Ihr Terminal oder Ihre Eingabeaufforderung und erstellen Sie ein neues Verzeichnis für das Projekt:

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

Dieser Befehl initialisiert ein neues Node.js-Projekt.

Jetzt installieren Sie das Stellar SDK für JavaScript.

npm install stellar-sdk

Aber warten Sie Was ist Stellar-SDK?

Stellar SDK ist eine leistungsstarke Bibliothek für die Interaktion mit dem Stellar-Netzwerk mithilfe von JavaScript.

2. Verbindung zum Stellar-Netzwerk herstellen

Da nun die Umgebung eingerichtet ist, werden wir uns mit dem Stellar-Netzwerk verbinden. Wir benötigen Stellar SDK und stellen eine Verbindung zum Testnetz her.

Was ist Testnet?

Testnet ist ein kostenloses Netzwerk, in dem Entwickler ihre Anwendung testen können, ohne eine Verbindung zu echtem Geld herzustellen. Wo es ein Mainnet gibt, das eine Verbindung zu echtem Geld herstellt und XLM zur Deckung von Transaktionsgebühren usw. benötigt. Das Testnet ähnelt dem Mainnet, es verfügt über kostenlose Test-Lumen (XLM) namens Friendbot.

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

Dadurch wird das SDK initialisiert und der Server so eingestellt, dass er eine Verbindung zum Testnetz herstellt.

3. Erstellen eines neuen Kontos

Um mit dem Stellar-Netzwerk interagieren zu können, benötigen Sie ein Stellar-Konto. Sie können mithilfe des SDK ganz einfach ein neues Konto erstellen, indem Sie ein Schlüssel-Wert-Paar generieren. Das Wertepaar besteht aus einem öffentlichen und einem privaten Schlüssel.

const pair = StellarSdk.Keypair.random();

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

Der publicKey() ist die Kennung Ihres Kontos, während der Secret() Ihr privater Schlüssel ist, der sicher aufbewahrt werden sollte.

4. Aufladen des Kontos

Im Testnetz können Sie Ihr Konto über den Friendbot-Dienst von Stellar aufladen.

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());

Die fundAccount-Funktion sendet eine Anfrage an Friendbot, um 10.000 Testlumen auf Ihr Konto einzuzahlen. Entsprechend dem Status der Transaktion wird die Nachricht protokolliert.

5. Eine Transaktion durchführen

Da Ihr Konto nun eingerichtet ist, können Sie Ihre erste Transaktion im Stellar-Netzwerk durchführen. Wir erstellen, unterzeichnen und übermitteln die Transaktion an das Stellar-Netzwerk. Wir senden 10 XLM von unserem Konto an ein anderes Konto.

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. Fehlerbehandlung und Debugging

Sogar ein einzelnes Komma ( , ) kann Ihren Code ruinieren. Der Umgang mit Fehlern ist sehr wichtig, um den Code auf dem erwarteten Weg zu halten.

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

Dadurch werden alle Fehler während der Transaktion erfasst und der spezifische Fehler protokolliert, was beim Debuggen des Codes hilft.

Abschluss

Wir haben Stellar gerade mit JavaScript integriert und unsere erste Transaktion im Stellar-Testnetz durchgeführt. Da JavaScript bei Entwicklern weit verbreitet ist, ist der Übergang zur Blockchain mit Stellar bequemer.

Der beste Weg, neue Fähigkeiten zu erlernen, besteht darin, mehr Projekte zu üben. Erstellen Sie kleine Projekte und experimentieren Sie mit den Konzepten.

Wenn Sie diesen Beitrag hilfreich finden, vergessen Sie nicht, mir weiterhin Liebe zu zeigen. Bis zum nächsten Mal liken, teilen und lernen.

Sie können auch mit mir in Verbindung bleiben, indem Sie mir hier und auf X, GitHub und LinkedIn folgen.

Das obige ist der detaillierte Inhalt vonStellar mit JavaScript integrieren: Das Erstellen einer dApp ist einfach (für absolute Anfänger). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!