Generating Ext.js App in Emergence


#1

##Generate App
/sencha-cmd/app-generate?name=MYAPPNAME&framework=ext&frameworkVersion=5.0.1.1255

Replacing MYAPPNAME with the name of the app you want to create and the version number with the current version number.

##View Development App

If all went according to plan in the previous step, you should be able to view the base applicated at this url:

/app/MYAPNAME/development

##Build App

To build you app and create the /testing and /production builds, run the following command

/sencha-cmd/app-build?name=MYAPPNAME

The following two urls should now work

/app/MYAPPNAME/testing
/app/MYAPPNAME/production

Build Issues?

###White Screen being served?

Check the console logs to further debug. If Ext.js is unable to find your app.js file, skip to Files to Check items 2 and 3.

###Files to Check

/develop#/sencha-workspace/OnTray/.sencha/app/sencha.cfg

Add skip.slice=1 to end of file

app.sass.namespace=${app.name}
app.theme=ext-theme-classic

app.framework.version=5.0.1.1255
app.cmd.version=5.0.0.160
skip.slice=1

/develop#/sencha-workspace/MYAPPNAME/app/view/main/Main.js

Add the ‘requires’ statement

Ext.define('MYAPPNAME.view.main.Main', {
    extend: 'Ext.container.Container',
	requires: [
		'MYAPPNAME.view.main.MainModel',
		'MYAPPNAME.view.main.MainController'
	],

/develop#/sencha-workspace/OnTray/app.js

Update ‘autoCreateViewPort’ to ‘main.Main’

Ext.application({
	name: 'MYAPPNAME',

	extend: 'MYAPPNAME.Application',

	autoCreateViewport: 'main.Main'

##Implementing changes to files to check

Regenerate app after skip.slice is updated according to the generate app section. Once rebuilt, make the changes to Main.js and App.js, then reload /app/MYAPPNAME/development