我的任务是将Phonegap + Sencha projecto从Phonegap 1.2.0升级到2.1.0以及Sencha 2,我一直在Chrome + jetty下调试工作,这里修改之间的迭代更快。
在与迁移部分进行了一些讨论后,我得到了一个项目在Chrome上启动的点(即:我可以在调试器上执行我的启动方法,并且应用程序加载),但是当我在Android上尝试同样的事情时,我得到了未捕获的ReferenceError:app未定义。
在android中调用的HTML文件如下所示:
<html>
<head>
<title>Testing ExtJS 4</title>
<link rel="stylesheet" href="libs/sencha/resources/css/android_v01.css" type="text/css">
<link rel="stylesheet" href="libs/hx/resources/css/prosegur.css" type="text/css">
<!-- libs -->
<script type="text/javascript" charset="utf-8" src="libs/phonegap/cordova-2.1.0.js"></script>
<script type="text/javascript" src="libs/sencha/sencha-touch-all-compat.js"></script>
<script type="text/javascript" src="libs/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="libs/jquery/xml2json.js"></script>
<script type="text/javascript" src="libs/aes/aes.js"></script>
<script type="text/javascript">
currentPlatform="Android";
</script>
<script type="text/javascript" src="app/App.js"></script>
<script type="text/javascript">
db_name="PMobileDB";
db_version="1.0";
DEBUG_MODE=false;
LOG_FILE="sdcard/xlogx.txt";
function fireCreateLocalStore() {
var prosegurConfig = window.localStorage.getItem('ProsegurConfig');
if (prosegurConfig == null) {
prosegurConfig = new Object();
prosegurConfig.configuration = {
esClienteProsegur: false,
estaActivadoClienteProsegur: false,
nroContrato: '',
paisDeContrato: 'ARG',
paisDeResidencia: 'ARG',
nombre: '',
cel: '',
fechaNacimiento: '',
email: '',
estado: 'NO_CONFIGURADO',
wsMobileConfig: 'https://psm.am:1962/wsProseguardConfig.asmx/wsMobileConfig',
wsHashActivation: 'https://psm.am:1962/wsProseguardConfig.asmx/wsHashActivation',
wsAlertFire: 'https://psm.am:1962/wsProseguardAlerts.asmx/wsAlertFire',
guardianPin: '',
startGuardianAlertTime: '',
version: db_version
};
prosegurConfig.alerts = [
{
alertType: 'GENERAL',
description: '',
tryContactCRA: false
},
{
alertType: 'MEDICAL',
description: '',
tryContactCRA: false
},
{
alertType: 'CARASSISTANCE',
description: '',
tryContactCRA: false
}
];
prosegurConfig.contacts = new Array();
window.localStorage.setItem('ProsegurConfig', Ext.JSON.encode(prosegurConfig));
console.log('se carga los datos iniciales de Prosegur');
}
console.log(prosegurConfig);
console.log('arranco app.mainLaunch()');
app.app.launch();
console.log('salgo de app.mainLaunch');
}
</script>
<script type="text/javascript">document.addEventListener("deviceready", fireCreateLocalStore,false);
</script>
</head>
<body></body>
</html>
首先,我知道应用程序对于全局对象来说是一个糟糕的选择,我认为特定的东西在1.4.0和1.5.0之间发生了变化,因此,虽然对launch()方法的原始调用如下:
app.launch();
我发现这在2.1.0中不起作用,我可以称之为:
app.app.launch();
这在Chrome中可以正常工作,从上面粘贴的代码调用fireCreateLocalStore()结束调用它。
现在,当我在Eclipse中编译它并使用debug选项进行部署时,我看到logcat通过创建数据库对象(就在之前),当它到达launch()行时,我从标题中得到错误:Uncaught ReferenceError:未定义app
我尝试将违规的全局更改为不那么冲突的东西,比如html和App.js中的MyApp(加上默认视图)无济于事,因此现在,我有点坚持这个。
顺便说一句,我的App.js看起来像这样:
// Main application entry point
Ext.application({
name: 'app',
phoneStartupScreen: '../resources/images/LOADING_01.png',
tabletStartupScreen: '../resources/images/LOADING_01.png',
glossOnIcon: true,
fullscreen: true,
autoCreateViewport : true,
// the controller will take care of creating the view
//controllers: ['Configuration', 'ImmediateAlert', 'Guardian', 'Log'],
controllers: ['Configuration', 'ImmediateAlert', 'Guardian'],
// You could delete this, here only to illustrate
// the sequence of events
initialize: function () {
console.log('app initialize');
this.callParent();
},
launch: function() {
console.log(app);
this.launched = true;
Ext.create("app.view.Viewport");
this.mainLaunch();
},
mainLaunch: function() {
//if (!device || !this.launched) {return;}
if (!this.launched) {return;}
console.log('MainLaunch : loading in ' + currentPlatform );
Ext.getCmp('navigationView').getNavigationBar().add({id: 'save',
text: 'Guardar',
ui: 'light',
align: 'right',
})
if (app.store == undefined)
app.store = new Object();
app.store.contacts = Ext.create('Ext.data.Store', {
model: "app.model.Contact"
});
app.store.alerts = Ext.create('Ext.data.Store', {
model: 'app.model.Alert',
});
app.service.ProsegurLocalStorageStore.populateStores(app.store.alerts);
app.service.ProsegurLocalStorageStore.populateContactStores(app.store.contacts);
var config = app.service.ProsegurLocalStorageStore.getConfiguration();
console.log('ATENCION' + app.configuration.GeneralConfiguration.fireAlertService());
if (config.data.wsBaseURL != null && config.data.wsBaseURL != '') {
app.configuration.GeneralConfiguration.prosegurServiceBaseURL = config.data.wsBaseURL;
}
if (config.data.wsBaseCriticalURL != null && config.data.wsBaseCriticalURL != '') {
app.configuration.GeneralConfiguration.prosegurServiceCriticalBaseURL = config.data.wsBaseCriticalURL;
}
if (currentPlatform == "MacOS"){
navigator.geolocation.getCurrentPosition();
}
Ext.MessageBox.YESNO=[{itemId:'no',text:'NO'},{itemId:'yes',text:'Si'}];
Ext.MessageBox.OK = {itemId:'ok',text:'Aceptar'};
Ext.MessageBox.OKCANCEL=[{itemId:'cancel',text:'Cancelar'},{itemId:'ok',text:'Aceptar'}];
Ext.Date.dayNames = [
'Domingo',
'Lunes',
'Martes',
'Miercoles',
'Jueves',
'Viernes',
'Sabado'
];
Ext.Date.monthNames = [
'Enero',
'Febrero',
'Marzo',
'Abril',
'Mayo',
'Junio',
'Julio',
'Agosto',
'Septiembre',
'Octubre',
'Noviembre',
'Diciembre'
];
Ext.Date.monthNumbers = {
'Ene': 0,
'Feb': 1,
'Mar': 2,
'Abr': 3,
'May': 4,
'Jun': 5,
'Jul': 6,
'Ago': 7,
'Sep': 8,
'Oct': 9,
'Nov': 10,
'Dic': 11
};
if (Ext.is.Android) {
Ext.EventManager.onWindowResize(function() {
Ext.Viewport.scrollToTop();
Ext.Viewport.updateBodySize();
Ext.Viewport.fireEvent('resize', Ext.Viewport, Ext.getBody().getSize());
app.views.viewport.getActiveItem().fireEvent('resize');
});
};
app.service.ProsegurServiceCallbackDaemon.run();
}
});
“app”很可能与“navigator.app”冲突,后者是一个PhoneGap API。如果您可以更改Sencha应用程序的名称,那么这可能是您最好的选择。