Sencha Touch - Visão geral

Sencha Touch é uma estrutura popular de Sencha para criar uma interface de usuário para aplicativos móveis. Ele ajuda o desenvolvedor a criar um aplicativo móvel usando HTML, CSS, JS simples que oferece suporte a muitos dispositivos móveis, como Android, IOS, BlackBerry e Windows. É baseado na arquitetura MVC. A versão mais recente do Sencha Touch é 2.4.

História do Sencha Touch

Depois de lançar outro produto da Sencha, ExtJs, que era para aplicativos da web, houve a necessidade de desenvolver um framework que funcionasse em dispositivos móveis também.

A primeira versão do Sencha Touch era a versão 0.9 beta, que suportava dispositivos Android e IOS. Posteriormente, o primeiro lançamento principal do Sencha Touch versão 1.0 foi em novembro de 2010, que era a primeira versão estável e também suportava dispositivos Blackberry.

A versão mais recente do Sencha Touch é a versão 2.4 lançada em junho de 2015, que suporta muitos dispositivos como Windows, Tizen junto com Android, IOS, BlackBerry OS 10, Google Chrome para Android e Safari móvel, etc.

Recursos do Sencha Touch

A seguir estão os recursos mais importantes do Sencha Touch -

  • Widgets de IU personalizáveis ​​e mais de 50 integrados com uma coleção de IU rica, como listas, carrosséis, formulários, menus e barras de ferramentas, criados especificamente para plataformas móveis.

  • Compatibilidade de código de novas versões com a mais antiga.

  • Um gerenciador de layout flexível que ajuda a organizar a exibição de dados e conteúdo em vários dispositivos móveis com sistemas operacionais diferentes.

  • A estrutura inclui um pacote de dados robusto que pode consumir dados de qualquer fonte de dados de back-end.

  • Layouts adaptáveis, animações e rolagem suave para uma melhor experiência de aplicativo da web móvel para uso.

  • Temas prontos para uso com aparência nativa para cada plataforma principal permitem fazer com que os aplicativos híbridos e da web combinem com a aparência das plataformas de destino.

Sencha Touch ─ Benefícios

Sencha Touch é o padrão líder para o desenvolvimento de aplicativos da Web de nível empresarial. Ele oferece as ferramentas necessárias para construir aplicativos robustos para a maioria dos dispositivos móveis, fornecendo uma plataforma única para o desenvolvimento de aplicativos. A seguir estão alguns dos benefícios -

  • Fornece um recurso de toque responsivo, portanto, o usuário pode navegar facilmente enquanto usa o aplicativo móvel.

  • Oferece compatibilidade com todas as versões mais recentes do IOS, Android e Blackberry e Windows.

  • Fornece a velocidade mais rápida possível desejável para qualquer aplicativo móvel.

  • Fornece uma solução econômica com sua compatibilidade de plataforma cruzada.

  • Com base nas APIs nativas e linguagens básicas de desenvolvimento da web, como HTML, CSS, JS, que torna mais fácil para um desenvolvedor entender o Sencha Touch.

Sencha Touch ─ Limitações

A API Sencha Touch não tem o seguinte recurso -

  • O aplicativo não tem acesso à câmera, aos contatos e ao acelerômetro do dispositivo.

  • Ele não fornece o recurso de notificação push. Para isso, temos que usar websockets ou long polling.

  • De acordo com a política geral de licença pública, é gratuito para aplicativos de código aberto, mas pago para aplicativos comerciais.

  • Não é bom para gráficos hardcore e aplicativos de animação, como aplicativos de jogos.

Sencha Touch ─ Ferramentas

SDK Sencha

Este é o kit de desenvolvimento Sencha usado para criar um esqueleto do projeto. Usamos o comando "sencha -sdk path / to / touch generate app appName" para criar um aplicativo com o nome fornecido no comando.

Quando o aplicativo é criado, você pode ver os seguintes arquivos no aplicativo -

  • app - Esta pasta contém arquivos de modelo, visualização, controlador e armazenamento para o aplicativo.

  • app.js- Este é o arquivo JS principal do seu aplicativo. A partir desse arquivo, o fluxo de código Sencha é iniciado.

  • app.json - Este é o arquivo de configuração do aplicativo, todos os detalhes de configuração apresentados aqui.

  • index.html - Este é o arquivo html principal onde incluímos o app.js e outros arquivos relacionados ao Sencha.

  • package.json - Este arquivo contém todas as dependências e demais informações relacionadas ao app.

  • resources - Esta pasta inclui todos os arquivos CSS e imagens necessários para o aplicativo.

Sencha CMD

Sencha CMD é uma ferramenta de linha de comando que fornece os recursos de minificação de código Sencha Touch, estrutura, geração de construção e outros recursos úteis para fins de produção.

Usamos o comando "Sencha app build package" no prompt de comando para construir o aplicativo para isso. Vá para o diretório do aplicativo no prompt de comando e digite o comando acima. Assim que a compilação for bem-sucedida, veremos a versão reduzida do aplicativo usada basicamente para fins de produção.

Isso pode ser baixado de https://www.sencha.com/products/extjs/cmd-download/

Inspetor Sencha

O Sencha Inspector é uma ferramenta de depuração para depurar qualquer problema no código Sencha durante o desenvolvimento.