WEB3DEV

Cover image for Um guia simples sobre como configurar o sistema POS da Solana Pay na Rede de Desenvolvimento
Paulo Gio
Paulo Gio

Posted on • Atualizado em

Um guia simples sobre como configurar o sistema POS da Solana Pay na Rede de Desenvolvimento

Introdução

O ecossistema blockchain está se expandindo, assim como um de seus conceitos mais essenciais, o DeFi (Finanças Descentralizadas). Esse conceito usa os recursos da blockchain para fornecer serviços financeiros, como investimentos, empréstimos, poupança e pagamentos de produtos e serviços sem o uso de instituições financeiras ou intermediários.

Os pagamentos com criptomoedas estão ganhando popularidade em todo o mundo porque permitem transferências transfronteiriças quase instantâneas, ao contrário do sistema bancário tradicional, que está repleto de restrições e limitações que variam de acordo com a região. Este artigo abordará como configurar o sistema de ponto de venda (POS) da Solana Pay no servidor da rede de desenvolvimento (Devnet) para aceitar pagamentos no ativo nativo da blockchain (SOL).

O que é a Solana Pay e como funciona?

A Solana Pay é uma plataforma de pagamentos que usa a escalabilidade da blockchain Solana para fornecer às empresas e clientes transações ultrarrápidas e de baixo custo. Como uma plataforma de pagamento digital descentralizada, ela oferece aos usuários acesso a registros de transações, endereços de carteiras, valores de transações e tipos de moeda, mas mantém as informações ocultas da rede. Ela aceita SOL (token nativo da Solana) e outros tokens emitidos na blockchain, como USDC, como pagamento.

Os desenvolvedores podem incorporá-la facilmente em seus aplicativos descentralizados (Dapps). Um exemplo disso é o PocketPay, uma carteira POS com a Solana Pay integrada, e os comerciantes podem aceitá-la como forma de pagamento para clientes que usam carteiras baseadas na Solana, como a Phantom. Ela também traz outras funcionalidades interessantes de contratos inteligentes para as transações comerciais, permitindo que os clientes obtenham itens a um preço com desconto usando um NFT como pontos de fidelidade. Isso permitirá que as empresas aceitem pagamentos em criptomoedas, independentemente de sua localização.

​​Pré-requisitos

Para seguir e entender este tutorial, você precisará do seguinte:

  • Um editor de texto ou IDE (de preferência VS Code)
  • Extensão de navegador e aplicativo móvel da carteira Phantom
  • Node.js instalado em sua máquina

Começando

Vamos configurar o sistema POS no servidor da rede de desenvolvimento. O servidor da rede de desenvolvimento está disponível apenas para desenvolvimento local e é hospedado em sua máquina local. Ele permite testar e experimentar sem afetar ativos reais.

Começar este tutorial exigirá clonar o repositório do Github da Solana Pay. Você pode optar por baixá-lo como um arquivo zip do repositório oficial ou executar o comando abaixo em um terminal no VS Code:

git clone https://github.com/solana-labs/solana-pay.git
Enter fullscreen mode Exit fullscreen mode

Após clonar o repositório, execute o comando abaixo para alterar o diretório do terminal para o diretório do projeto:

cd point-of-sale
Enter fullscreen mode Exit fullscreen mode

Instale as dependências

O próximo passo é instalar as dependências. Execute o comando abaixo em um terminal para fazer isso:

yarn install
Enter fullscreen mode Exit fullscreen mode

Configure seu servidor de desenvolvimento local

Com os pacotes necessários agora totalmente instalados com o auxílio do yarn, vamos configurar nosso servidor de desenvolvimento. Execute o comando abaixo:

yarn dev
Enter fullscreen mode Exit fullscreen mode

Depois de bem-sucedido, abra o servidor local em seu navegador e confirme se está em execução. Você deve ver algo semelhante a isto:

https://res.cloudinary.com/practicaldev/image/fetch/s--eVogYV6M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fkzzvrz63ltu0m8v7e8m.png

Configure seu servidor cliente local

O próximo passo é configurar um servidor cliente, abrir um novo terminal (lembre-se de alterar o diretório para point-of-sale) e executar o seguinte código:

yarn proxy
Enter fullscreen mode Exit fullscreen mode

Configure o endereço da carteira do comerciante

Copie o endereço do ponto de venda abaixo em seu editor de notas. Você pode obter isso diretamente do repositório POS da Solana Pay.

https://localhost:3001?recipient=Your+Merchant+Address&label=Your+Store+Name
Enter fullscreen mode Exit fullscreen mode

https://res.cloudinary.com/practicaldev/image/fetch/s--Zac-dWH9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fgzugb8op21cun94fzm0.png

Em seguida, abra a extensão do navegador da carteira Phantom e altere as configurações de rede para rede de desenvolvimento (isso servirá como nossa carteira do comerciante).

https://res.cloudinary.com/practicaldev/image/fetch/s--ROfFW5G_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c712n8gcu6xlj0cw4vs4.png

https://res.cloudinary.com/practicaldev/image/fetch/s--IJE09sUy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1b8t7us7bpxu9xn8ascs.png

Copie o endereço da carteira e edite-o na seção de destinatário do endereço do ponto de venda.

https://res.cloudinary.com/practicaldev/image/fetch/s--A56V2L3e--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tucraiqpv1k53p8jjeko.png

Copie o ponto de venda editado do seu editor de anotações e cole-o em uma nova guia do seu navegador. Deve ficar assim:

https://res.cloudinary.com/practicaldev/image/fetch/s--pJQwE8KM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/udji3x67hkkclc0dp24j.png

Configure e adicione fundos à carteira do cliente

Para fazer o pagamento para um endereço comercial, precisamos de uma carteira de cliente. É aqui que entra a carteira Phantom do seu telefone.

Abra a carteira Phantom em seu telefone e altere as configurações de rede para a rede de desenvolvimento (isso servirá como nossa carteira de cliente).

https://res.cloudinary.com/practicaldev/image/fetch/s--ZGLkJvC7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xtu9sjtrubp3th0ywj9t.png

Copie o endereço da carteira clicando na parte superior do aplicativo

https://res.cloudinary.com/practicaldev/image/fetch/s--3_5m9TiZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fml58f3sl3o2o5bdf3bs.png

Em seguida, vá para o Solfaucet, insira o endereço da sua carteira e uma quantia de 2 SOL e selecione a rede de desenvolvimento para que o Solfaucet possa adicionar SOL à sua carteira.

https://res.cloudinary.com/practicaldev/image/fetch/s--pZvfp-G8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oykj8mndoq20xibl4uc2.png

Fazendo o pagamento ao comerciante com a carteira do cliente

Agora que temos uma carteira de cliente com algum SOL, podemos facilmente efetuar pagamentos ao comerciante.

Volte ao seu navegador e navegue até a guia do ponto de venda. Insira um valor e gere um código de pagamento.

​​https://res.cloudinary.com/practicaldev/image/fetch/s--AgYSpTkR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cgob9ztnwcpinz6nvxty.png

Em seguida, volte para a carteira do cliente e clique no botão do leitor de código de barras no canto superior direito do aplicativo.

https://res.cloudinary.com/practicaldev/image/fetch/s--N87QF2GO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gzyq50air0rvt5gnfufz.png

Volte ao ponto de venda, use seu telefone para escanear o código de pagamento gerado e clique em enviar.

https://res.cloudinary.com/practicaldev/image/fetch/s--wQUNtepI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ttb9h3mv7rmm5m8nxiwk.png

https://res.cloudinary.com/practicaldev/image/fetch/s--Hb5Gybhq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ayw49yqd33om52iska7b.png

Parabéns, você efetuou com sucesso um pagamento com SOL por meio do sistema de ponto de venda da Solana Pay.

https://res.cloudinary.com/practicaldev/image/fetch/s--sckewl2K--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qewzabikpanrqykgr7a7.png

https://res.cloudinary.com/practicaldev/image/fetch/s--APOCD6pi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v7yp62by4a5darnk0rea.png

Conclusão

Neste artigo, você aprendeu sobre a importância dos pagamentos com criptomoedas e a alavancagem que eles têm sobre os sistemas bancários tradicionais, o que é a Solana Pay e como configurar e realizar transações em seu sistema de ponto de venda na rede de desenvolvimento.

Artigo original publicado por Oluwatunkunmi Okupa. Traduzido por Paulinho Giovannini.


Desenvolva na Solana mesmo sem experiência em contratos inteligentes. Aprenda como criar aplicações descentralizadas na Solana!

Top comments (0)