Skip to content

Build a sencha extjs app

Riccardo Campisano edited this page Sep 11, 2017 · 9 revisions

Install ExtJS

# NOTE, DO NOT USE ROOT USER TO INSTALL SENCHA CMD! (installed at root, it can want to change development files ownership to 'root')
cd
wget -c http://cdn.sencha.com/cmd/6.5.1/no-jre/SenchaCmd-6.5.1-linux-amd64.sh.zip
unzip SenchaCmd-6.5.1-linux-amd64.sh.zip
# USE THE GRAPHIC INSTALL!
# the command-line one '-q -dir ~/sencha/senchacmd' appears that does not work (it loose CSS files)
bash SenchaCmd-6.5.1.240-linux-amd64.sh
exit # reopen the bash to get the 'sencha' command in the env

Build an app

SkyViewer

cd ~/dri/frontend/sky/
# Warn, at upgrade time, it will remove the 'skip.slice=1' conf from 'sencha.cfg' and the build will fail
#### sencha app upgrade          # used to update the app for a new sencha command version
sencha app refresh          # used in development mode to include new packages
sencha app clean            # used to remove no more used files (produced in previous builds)
sencha app build production
# replace the visiomatic builded files with the original (correct) ones
/bin/cp -a ../packages/local/visiomatic/src/visiomatic/dist/* ../build/production/Sky/packages/local/visiomatic/src/visiomatic/dist/
/bin/cp -a ../packages/local/aladin/src/aladin/* ../build/production/Sky/packages/local/aladin/src/aladin/
/bin/rm -f ../build/production/Sky/packages/local/aladin/src/aladin/aladin-src.js
/bin/rm -f ../build/production/Sky/packages/local/aladin/src/aladin/aladin-src.css
/bin/cp -a ../packages/local/visiomatic/src/visiomatic/dist/* ../build/production/Target/packages/local/visiomatic/src/visiomatic/dist/
/bin/cp -a ../packages/local/visiomatic/src/Leaflet/dist/leaflet.* ../build/production/Sky/packages/local/visiomatic/src/Leaflet/dist/

TargetViewer

cd ~/dri/frontend/target/
# Warn, at upgrade time, it will remove the 'skip.slice=1' conf from 'sencha.cfg' and the build will fail
#### sencha app upgrade          # used to update the app for a new sencha command version
sencha app refresh          # used in development mode to include new packages
sencha app clean            # used to remove no more used files (produced in previous builds)
sencha app build production
# replace the visiomatic builded files with the original (correct) ones
/bin/cp -a ../packages/local/visiomatic/src/visiomatic/dist/* ../build/production/Target/packages/local/visiomatic/src/visiomatic/dist/
/bin/cp -a ../packages/local/visiomatic/src/Leaflet/dist/leaflet.* ../build/production/Target/packages/local/visiomatic/src/Leaflet/dist/