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.