"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Integrando Stellar com JavaScript: construir dApp é fácil (para iniciantes)

Integrando Stellar com JavaScript: construir dApp é fácil (para iniciantes)

Publicado em 31/08/2024
Navegar:870

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

Stellar é uma rede blockchain de código aberto para transações financeiras rápidas e internacionais. Se você é um desenvolvedor de JavaScript e deseja construir um dApp em uma rede estelar, isso é para você. Neste tutorial aprenderemos como integrar Stellar com JavaScript, desde a configuração do ambiente até a realização de sua primeira transação.

Então, vamos começar.

Ah, antes de começarmos, precisamos de conhecimento básico de JavaScript e ter npm e Node.js instalados em sua máquina.

1. Sentar o ambiente

Primeiro, abra seu terminal ou prompt de comando e crie um novo diretório para o projeto:

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

Este comando inicializará um novo projeto Node.js.

Agora, instale o Stellar SDK para JavaScript.

npm install stellar-sdk

Mas, espere O que é Stellar-SDK?

Stellar SDK é uma biblioteca poderosa para interagir com a rede Stellar usando JavaScript.

2. Conectando-se à rede estelar

Agora que o ambiente está configurado, vamos nos conectar com a rede Stellar. Exigimos o Stellar SDK e nos conectamos à testnet.

O que é Testnet?

Testnet é uma rede gratuita para um desenvolvedor testar seu aplicativo sem se conectar a dinheiro real. Onde existe uma rede principal que se conecta a dinheiro real e exige XLM para cobrir taxas de transação, etc. A rede de teste é semelhante à rede principal, possui Lumens de teste gratuitos (XLM) chamados Friendbot.

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

Isso inicializará o SDK e configurará o servidor para se conectar à testnet.

3. Criando uma nova conta

Para interagir com a rede Stellar, você precisa ter uma conta Stellar. Você pode criar facilmente uma nova conta usando SDK, gerando um par de valores-chave. O par de valores consiste em uma chave pública e uma chave privada.

const pair = StellarSdk.Keypair.random();

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

A publicKey() é o identificador da sua conta, enquanto a secret() é a sua chave privada, que deve ser mantida segura.

4. Financiamento da conta

Na testnet, você pode depositar em sua conta usando o serviço Friendbot da Stellar.

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

A função fundAccount envia uma solicitação ao Friendbot para depositar 10k Lumens de teste em sua conta. De acordo com o status da transação, ele registrará a mensagem.

5. Fazendo uma transação

Agora que sua conta foi criada, você pode fazer sua primeira transação na rede estelar. Construiremos, assinaremos e enviaremos a transação para a rede estelar. Enviaremos 10 XLM da nossa conta para outra conta.

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. Tratamento de erros e depuração

Mesmo uma única vírgula ( , ) pode arruinar seu código. O tratamento de erros é muito importante para manter o código no caminho esperado.

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

Isso detecta quaisquer erros durante a transação e registra o erro específico que ajuda a depurar o código.

Conclusão

Acabamos de integrar Stellar com JavaScript e fizemos nossa primeira transação na testnet Stellar. Como o JavaScript é amplamente adotado entre os desenvolvedores, a transição para o blockchain com Stellar é mais conveniente.

A melhor maneira de aprender qualquer nova habilidade é praticar mais projetos. Crie pequenos projetos e experimente os conceitos.

Se você achar esta postagem útil, não se esqueça de continuar me demonstrando amor. Até a próxima curta, compartilhe e aprenda.

Você também pode ficar conectado comigo seguindo-me aqui e no X, GitHub e LinkedIn.

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/jitendrachoudhary/integrating-stellar-with-javascript-building-dapp-is-easy-for-absolute-beginners-4n66?1 Se houver alguma violação, entre em contato com study_golang @163.com excluir
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3