WEB3DEV

Cover image for NEAR Wallet: Exemplo de Integração
Daniel Cukier
Daniel Cukier

Posted on • Atualizado em

NEAR Wallet: Exemplo de Integração

Abrir no Gitpod
Abrir no Github

Este exemplo mostra como integrar a sua aplicação com o NEAR Wallet. O contrato é bastante simples. Ele pode armazenar o id da conta do último remetente e devolver o mesmo. Ele também mostra como você pode debugar contratos usando logs.


Sumário

1 . Começando
..... . Opção rápida
..... . Opção de implementação padrão

2 . Para Testes

3 . Para Explorar

4 . Coleta de dados


Começando

Há duas maneiras de executar este projeto. A primeira é rápida e muito boa para se familiarizar instantaneamente já com este exemplo. Uma vez que você estiver familiarizado, o próximo passo é o desenvolvedor criar sua própria conta NEAR e implantar o contrato na testnet. Isso será abordado em outro artigo.

Há um link no início deste artigo que diz Abrir no Gitpod. Clicando neste link, o projeto será aberto em uma nova guia com o ambiente de desenvolvimento integrado. O outro link abaixo deste, permitirá a você clonar o projeto e seguir com as mesmas instruções abaixo:

Opção rápida

1 - Instalando as dependências.

yarn --frozen-lockfile
Enter fullscreen mode Exit fullscreen mode

2 - Crie agora e implemente este novo contrato inteligente em uma nova conta de desenvolvimento. A conta de desenvolvimento será criada automaticamente e não se destina a ser reutilizada:

yarn dev
Enter fullscreen mode Exit fullscreen mode

Na sua linha de comando será exibido um link apontando para localhost como este a seguir:

Server running at [http://localhost:1234](http://localhost:1234)
Enter fullscreen mode Exit fullscreen mode

Agora abra este link no seu navegador para prosseguir e veja como fazer login com o NEAR Wallet em um webapp.

Opção de implementação padrão

Nesta segunda opção, o contrato inteligente será implementado em uma conta específica criada com o NEAR Wallet.

1 - Primeiro, certifique-se de que o near-cli está instalado e rodando.

near --version
Enter fullscreen mode Exit fullscreen mode

Se for necessário, instale o near-cli.

npm install near-cli -g
Enter fullscreen mode Exit fullscreen mode

2 - Se você não tem uma conta NEAR, por favor crie uma com NEAR Wallet.

Na raiz do projeto, faça login com near-cli seguindo as instruções logo após digitar este comando.

near login
Enter fullscreen mode Exit fullscreen mode

3 - Modifique no topo do arquivo src/config.js, mudando o CONTRACT_NAME para ser a conta NEAR que você acabou de usar para fazer login.

...
const CONTRACT_NAME = process.env.CONTRACT_NAME || 'YOUR_ACCOUNT_NAME_HERE'; /* TODO: fill this in! */
...
Enter fullscreen mode Exit fullscreen mode

4 - Rode sua aplicação.

yarn start
Enter fullscreen mode Exit fullscreen mode

Para Testes

yarn asp // as-pect testes
yarn jest // testes de integração
yarn test // ambos
Enter fullscreen mode Exit fullscreen mode

Para Explorar

.assembly/main.ts para o código do contrato
.src/index.html para o código front-end HTML
.src/main.js para o código front-end JavaScript e como integrar contratos
.src/test.js para o JS tests para o contrato

Coleta de Dados

Ao utilizar o Gitpod neste projeto, você concorda em aceitar análises básicas e anônimas. Nenhuma informação pessoal será transmitida. Ao invés disso, essas estatísticas de uso ajudam a descobrir possíveis erros e o fluxo de informações do usuário.

Artigo original: https://examples.near.org/wallet-example

Top comments (0)