Usando o SDK

O SDK contém uma série de ferramentas para o propósito de criar Mini Programas do Tommy.

Usando o Emulador

O núcleo do SDK é um emulador que emula o ambiente do aplicativo Tommy na sua máquina local. Isso permite que você desenvolva mini programas para o Tommy que se integrarão perfeitamente ao aplicativo em produção quando você empacotá-los e lançá-los.

Após seguir as etapas de instalação, você verá o emulador, que é a principal interface do SDK, carregado no seu navegador.

O emulador permite que você visualize em tempo real os mini programas que você está criando. O código-fonte dos mini programas está localizado na pasta /addons. Os mini programas de demonstração fornecidos com o SDK são um ótimo ponto de partida e devem ser usados como referência para criar seus próprios mini programas.

A visualização principal do emulador contém duas seções:

Uma lista de todos os mini programas carregados da pasta /addons.

Uma lista de todas as visualizações dos mini programas que podem ser abertas. Se você clicar em qualquer visualização, poderá vê-la emulada dentro do navegador. Se você modificar qualquer parte do código do respectivo mini programa, essa visualização será recarregada automaticamente e você poderá ver suas alterações no navegador em tempo real.

O SDK em si é muito simples de usar, então, quando você estiver pronto, vamos passar para uma explicação da estrutura de arquivos do complemento e dos arquivos de manifesto.

Recursos Dinâmicos

O SDK do Tommy tem alguns recursos dinâmicos que você vai querer aproveitar para agilizar seu fluxo de desenvolvimento:

Sempre que você editar qualquer código, a visualização atual será recarregada. Você pode configurar a visualização padrão para ser carregada automaticamente através da página de Configurações da interface.

Os JavaScripts localizados em config.json views/javascripts/**/.js serão compilados automaticamente em views/builds/bundle.js em tempo real. O código ES6 é totalmente suportado. Veja o código-fonte do mini programa Tasks para um exemplo.

As folhas de estilo SASS localizadas em views/stylesheets/**/.scss serão compiladas automaticamente em views/build/bundle.css em tempo real. Apenas SASS é suportado no momento. Veja o código-fonte do mini programa Tasks para um exemplo.

Os templates Template7 localizados em views/templates/**/.tpl.html serão compilados automaticamente em views/build/bundle.tpl.html em tempo real. Veja o código-fonte do mini programa Tasks para um exemplo.