【问题标题】:Port existing sencha touch web app to ios native app将现有的 sencha touch web 应用程序移植到 ios 原生应用程序
【发布时间】:2013-10-23 15:31:40
【问题描述】:

我使用 sencha touch 构建了一个在 Web 上运行的实时聊天应用程序。用户打开一个 url,他们可以访问完整的 Android/IOS 支持的 Web 桌面。现在我正在考虑将其移植为本机 IOS 应用程序。

  1. 移植此 web 应用程序有哪些挑战?
  2. 我需要更改代码库吗?
  3. sencha cmd 提供了一种将 sencha touch 应用程序构建为原生应用程序的方法。够用还是我们需要修改代码?

【问题讨论】:

    标签: ios extjs sencha-touch sencha-touch-2 portability


    【解决方案1】:

    您是要移植到 iOS 原生代码还是只是将基本代码原生封装到 iOS 中? 您提到您的应用程序会打开一个完整的 Android/iOS 支持的 Web 桌面。 这是否意味着您的应用程序在 safari(即 webkit)中可以正常工作? 您还在使用最新版本的 Sencha Touch 2 吗? 如果它在 webkit 浏览器中完全运行,那么使用 Sencha Touch 本身为 iOS 原生包装 sencha 应用程序应该没有问题。 如果您需要对跨平台的额外支持或 Sencha Touch 目前不支持的功能,您始终可以选择在 Phonegap 中包装您的 Sencha 应用程序。

    真的只有一种方法可以确定它是否会起作用,那就这样做,看看它是否起作用,如果不做必要的改变,直到它起作用;-) 祝你好运

    评论回复后添加的额外信息:

    是的,可以本地包装并包含这些功能。 虽然可以单独在 Sencha 中进行,但我建议将 sencha 包装在 phonegap 中以获得额外的功能和应用程序的未来扩展......

    使用 sencha 进行推送通知(目前仅支持 iOS)使用 Ext.device.Push: http://docs.sencha.com/touch/2.3.0/#!/api/Ext.device.Push

    使用 sencha/phonegap 作为地址簿,您可以参考本教程: http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap/

    Phonegap 有更多功能并且还支持 android 推送,所以我建议阅读 phonegap,进行设置,然后将您的 sencha 应用程序移入其中以获得两全其美的效果。

    Phonegap 联系人: http://docs.phonegap.com/en/3.1.0/cordova_contacts_contacts.md.html#Contacts

    Phonegap:推送通知插件: https://github.com/phonegap-build/PushPlugin

    关于设置 PushPlugin 的精彩教程: http://devgirl.org/2013/01/24/push-notifications-plugin-support-added-to-phonegap-build/

    使用 Phonegap 3 CLI: http://docs.phonegap.com/en/3.1.0/index.html

    在后台运行应用程序应该是您的应用程序的设置,例如在您的 .plist 文件中。

    【讨论】:

    • 我想本地包装它。它还将包括地址簿查找和推送通知,以及作为聊天应用程序在后台运行的能力。可行吗?
    • 对于 MVC 架构,我想使用 ST2。但如果某些任务通过 ST2 无法实现,我可能会调用 PG api。例如,Android 推送、地址簿等。这可能吗?
    • 没错,您想将您的应用程序开发为 ST2 MVC 架构,然后将该代码库放入新 Phonegap CLI 的 www 文件夹中(保留 phonegap index.html 文件,而不是 ST2 文件)然后在 index.html 中添加对 ST2 文件的引用。然后你可以添加phonegap插件并添加phonegap代码,并测试
    【解决方案2】:

    你想从你的项目文件夹中运行它来创建一个混合应用

    sencha cordova init com.mycompany.MyApp MyApp
    

    之后,您可以在阅读此内容后在 config.xml 和 app.json 中配置一些设置: http://docs.sencha.com/cmd/5.x/cordova_phonegap.html

    设置完成后,您要导航到 project/cordova 文件夹并使用添加插件

    cordova plugin add ******
    

    这里是cordova插件的注册表: http://plugins.cordova.io/#/

    【讨论】:

      猜你喜欢
      • 2013-05-23
      • 1970-01-01
      • 2012-06-27
      • 1970-01-01
      • 2017-05-21
      • 2014-05-28
      • 2014-03-08
      • 1970-01-01
      • 2019-02-15
      相关资源
      最近更新 更多