Empacotando uma Aplicação ExtJS com TideSDK (alternativa ao Sencha Desktop Packager)

Oi pessoal,

No post de hoje vamos ver como usar o TideSDK para empacotar aplicações ExtJS. Como algumas pessoas me pediram opções gratuitas e open source ao Sencha Desktop Packager, na minha humilde opinião, o TideSDK seria a melhor opção de mercado no momento para substituir o SDP.

falei sobre o TideSDK aqui no blog antes também. E sobre o Sencha Desktop Packager aqui.

tidesdk-extjs-loiane

Requisitos:

Bem, primeiro precisamos criar uma app Ext JS com o Sencha Command. Vamos criar uma app com namespace Sencha e no diretório blog/arragrid:

extjs-tidesdk-01

Depois precisamos construir a nossa app. O código fonte você pode achar aqui. Aí precisamos fazer o build de produção da app:

extjs-tidesdk-02

O próximo passo é criar um projeto com o TideSDK:

extjs-tidesdk-03

E vamos pegar os seguintes arquivos do build de produção da nossa app e copiar (Ctrl + C):

extjs-tidesdk-04

E colar dentro da pasta resources do projeto do TideSDK:

extjs-tidesdk-05

E é só correr pro abraço e empacotar a app que teremos o seguinte resultado: uma app nativa desktop:

extjs-tidesdk-06

O código fonte complete você pode obter nos seguintes links:

App ExtJS criada: https://github.com/loiane/TideSDK-examples/tree/master/arraygrid

Projeto TideSDK: https://github.com/loiane/TideSDK-examples/tree/master/ExtJSArrayGrid

Até a próxima! :)