Introdução ao Mamba

Requisitos

O Mamba permite que os projetos sejam desenvolvidos em browsers com linguagem web, mas não necessariamente os POS suportam as mesmas tecnologias que o browser. É importante que a aplicação seja testada em um POS.
Funcionar no browser não significa que funcionará no POS.

Dependências

Instalação

Configurando a WebSDK

  1. Clone ou faça download do repositório do framework, Mamba Websdk
    git clone http://posgitlab.stone.com.br/stone-payments/pos-mamba-websdk.git
    
  2. Dentro da pasta que você acaba de baixar, execute o comando npm install seguido de npm link.

    A sequência de comandos fica como abaixo.

    cd pos-mamba-websdk
    npm install
    npm run build
    npm link
    

Configurando o Template

  1. Em outra pasta, clone ou faça download do repositório do Template Mamba Websdk
    git clone http://posgitlab.stone.com.br/stone-payments/pos-mamba-websdk-template.git
    
  2. Dentro da pasta que você acaba de baixar, execute o comando npm install, seguido de npm link 'mamba-websdk'.

    A sequência de comandos fica como abaixo.

    cd pos-mamba-websdk-template
    npm install
    npm link mamba-websdk
    npm run dev
    
  3. Seu projeto está configurado e tem a seguinte estrutura (versão mais detalhada mais abaixo):
    .
    |-- index.html          - entry point
    |-- manifest.json       - manifesto necessário para colocar o app no POS
    |-- packegae.json       - package necessário para colocar o app no POS  
    |-- assets              - assets tais como imagens
    |-- build               - scripts para fazer o build do app
    |-- dist                - arquivos de produção gerados pelo build
    |-- src                 - arquivos fontes do app
    |   |-- components      - componentes criados pro app
    |   |-- pages           - páginas do app
    |   |-- router          - arquivos do roteador
    |   |-- shared          - arquivos javascript compartilhados no app
    |   └-- styles          - estilos globais
    └-- test                - pasta para arquivos de testes
        └-- unit            - testes unitários
    
  4. Rode o comando npm run dev para começar a desenvolver!

    Seu template rodará no endereço localhost:8080. Ele vem com três páginas e um componente próprio.

SOCORRO

O tutorial não funcionou? Procure-nos em nosso canal do Slack.