• sencha touch 2.3 结合cordova 环境搭建


    sencha touch 2.3环境搭建必备工具

    sencha touch 2.3 包
    sencha cmd 4.0以上
    JAVA JDK 1.7以上(注意JDK和JRE的区别)
    Ruby 1.9.3或更早版本
    android sdk 如果需要生成ANDROID APP

    注意将jdk,ruby,sencha cmd都添加到环境变量PATH
    例jdk path:
    JAVA_HOME变量路径为C:Program Files (x86)Javajdk1.7.0_67
    则JDK PATH为%JAVA_HOME%in;%JAVA_HOME%jrein

    ruby: C:Ruby193in
    sencha cmd装完后好像会自己加入一个系统变量。就不用设置了
    将android sdk文件夹下的tools和platform-tools文件夹加入到环境变量PATH

    ok,环境搭建完毕,下面我们通过sencha cmd的一行命令创建项目框架
    cd touch-2.3.1
    sencha generate app MyApp ../myapp

    WebApp产品测试和发布
    ok,不出意外,现在一个完整的demo应用已经展现在你面前了。
    到目前为止,如果你不嫌费流量和加载效率的话,其实一个应用已经完成了,你可以直接用了。
    但是Sencha给我们提供了更加优秀的app发布方式,可以直接将项目中需要的资源压缩打包,进行html5的离线缓存,这样,我们的应用程序在第一次加载完成后,在离线情况下也是可以使用的(数据访问除外)
    Sencha给我们提供了4种发布方式
    testing:供测试,QA使用版本
    package:脱离web server,本地html文件资源包
    production:正是发布的webapp产品
    native:打包成android apk,或者ios app本地安装文件
    我们只需要在cmd里,执行一行命令即可发布我们的产品:
    #production,testing,native,package

    #进入到你的通过cmd生成的MyApp文件夹中
    sencha app build production

    如果要打包成android apk或者IOS,必须修改packager.json文件,具体修改内容参考官方文档
    http://docs.sencha.com/touch/2.3.1/#!/guide/native_packaging
    通过命令就可生成apk文件
    sencha app build native

    结合使用Cordova或者PhoneGap
    Apache Cordova和PhoneGap其实是一回事,Apache Cordova是开源社区,PhoneGap是Adobe自有品牌。
    两者的关系跟CentOS与RedHat差不多吧。
    以Cordova为例, 如果想让sencha touch使用Cordova提供的设备API,先准备以下软件
    1.NodeJS
    2.装完NodeJS后,在命令行执行
    npm install -g cordova 进行安装cordova
    3.apache-ant

    安装完后将cordova和apache-ant目录下的bin文件夹加入环境变量PATH
    例:
    cordova: %USERPROFILE%AppDataRoaming pm
    apache-ant: %USERPROFILE%inapache-ant-1.9.4in
    将android sdk文件夹下的tools和platform-tools文件夹加入到环境变量PATH

    sencha touch工程加入cordova支持办法
    cmd进入sencha toucha 工程目录
    sencha cordova init [AppID]
    其中[AppID]为程序的APPID,如com.elon.Myapp
    如果不填[AppID],则默认为foo.bar.AppName

    执行后会生成cordova.local.properties文件和cordova文件夹
    修改cordova.local.properties文件,把
    cordova.platforms=ios android blackberry wp8
    改成需要的平台,如android
    最后生成APK文件命令
    sencha app build native

    注意: 因为这时工程已经加入了cordova的支持,所以sencha app build native命令不会再按照packager.json文件的配置
    来进行,而是按照cordova的配置文件来进行,具体参考官方文档
    http://cordova.apache.org/docs/en/edge/guide_overview_index.md.html#Overview
    android的配置文件在 /cordova/config.xml

    build成功后,可以在cordovaplatformsandroidant-build 下找到APK文件。
    其实cordovaplatformsandroid就是一个安卓工程文件夹,用eclipse.exe也是可以打开的。

  • 相关阅读:
    pdf .js和tableexport.js使用时遇到的2问题。
    一个基础的问题 多个$(function(){})里面的函数 为什么在下一个$(function(){})里没法执行。
    关于emoji表情,支持在app端发送web端显示,web端发送给app端显示,web与wap端互相显示。
    $.isEmptyObject() 判断对象是否为空
    Access数据库参数没值
    C#导入EXCEL数据
    [IE兼容性] Table 之边框 (IE6 IE7 IE8(Q) 中 cellspacing 属性在重合的边框模型的表格中仍然有效)
    META标签的NAME变量
    控制台应用程序中Main函数的args参数
    无法为表空间 ***中的段创建 INITIAL 区
  • 原文地址:https://www.cnblogs.com/elonlee/p/3920945.html
Copyright © 2020-2023  润新知