尝试创建同步到 Node.js 服务器的 Sencha-Touch-2 应用程序;下面的代码。服务器使用同一 IP 上的另一个端口,因此这是跨域的。 (服务器使用 Mongoose 与 MongoDB 后端通信(未显示))
如图所示,使用 JSONP 代理可以从服务器读取数据,但在写入时会中断: “JSONP 代理只能用于读取数据”。我猜 JSONP 代理编写器配置只是用于编写查询,而不是用于编写同步(保存)。
Sencha 文档指出Ajax代理不能跨域,即使
Ext.Ajax/Ext.data.Connection
在 Sencha 论坛中讨论了跨域: http ://www.sencha.com/forum/showthread.php?17691-Cross-domain-Ext .Ajax-Ext.data.Connection我找到了几种方法来进行(跨域)JSON 发布(例如,使用 Sencha Touch 的移动应用程序 - JSON 请求生成语法错误),但不知道如何将其作为作家集成到同步我的商店的代理中。 Sencha Touch:用于创建/更新功能的 ScriptTagProxy url 似乎提供了指针,但这是 ajax,显然不适合跨域。
我已经阅读这个论坛和其他地方几天了,但我似乎被困住了。任何帮助将非常感激。
Node.js 和 restify 服务器
var server = restify.createServer({
name: 'Server',
key: fs.readFileSync(root+'/'+'privatekey.pem'),
certificate: fs.readFileSync(root+'/'+'certificate.pem')
});
server.use(restify.bodyParser());
server.use(restify.queryParser());
function getMessages(req, res, next) {
Model.find(function (err,data) {
res.setHeader('Content-Type', 'text/javascript;charset=UTF-8');
res.send(req.query["callback"] + '({"records":' + JSON.stringify(data) + '});');
});
}
function postMessage(req, res, next) {//not yet tested
var obj = new Model();
obj.name = req.params.name;
obj.description = req.params.description;
obj.date = new Date();
obj.save(function (err) {
if (err) throw err;
console.log('Saved.');
res.send('Saved.');
});
}
server.post(/^\/atapp/, postMessage);
server.get(/^\/atapp/, getMessages);
server.listen(port, ipaddr, function() {
console.log('%s: secure Node server started on %s:%d ...', Date(Date.now()), ipaddr, port);
});
煎茶触摸 2
模型
Ext.define('ATApp.model.User', {
extend: 'Ext.data.Model',
config: {
fields: [
{ name: 'name', type: 'string' },
{ name: 'description', type: 'string' },
{ name: 'date', type: 'date' },
{ name: '_id' }
...
店铺
Ext.define('ATApp.store.Data', {
extend: 'Ext.data.Store',
requires: [
'ATApp.model.User',
'Ext.data.proxy.JsonP'
],
config: {
autoLoad: true,
model: 'ATApp.model.User',
storeId: 'Data',
proxy: {
type: 'jsonp',
model: 'ATApp.model.User',
url: 'https://192.168.2.45:13017/atapp',
reader: {
type: 'json',
idProperty: '_id',
rootProperty: 'records',
useSimpleAccessors: true
},
writer: {
type: 'json',
allowSingle: false,
encode: true,
idProperty: '_id',
rootProperty: 'records'
...
控制器
onNewDataRecord: function (view) {
console.log('newDataRecord');
var now = new Date();
var record = Ext.create('ATApp.model.User', {
date: now,
name: '..',
description: '..'
});
var store = Ext.data.StoreManager.lookup('Data')
record.setProxy(store.getProxy());
store.add(record);
this.activateEditor(record);
},
...