zoukankan      html  css  js  c++  java
  • 使用 crosswalk-cordova 打包sencha touch 项目,再也不用担心安卓兼容问题!

    国内的安卓手机品牌众多,安卓操作系统碎片化也很严重,我们使用sencha touch 开发的应用不可避免的出现了各种无解的兼容性问题。

    有时候我就在想,有没有既能支持cordova,又能让我们把Chromium内核打包到应用里面的平台呢?这样就不用担心兼容性了。

    最近阿赛向我推荐了Crosswalk,满足了我的愿望,不过可惜的是,Crosswalk仅支持Android4.0+。并且这个是将Chromium内核打包到了应用中,所以安装包略大一些。

    Crosswalk是基于Chromium内核打造的一个跨平台HTML5运行平台,具有良好的HTML5特性支持和性能优势,目前主要Android和Tizen两个平台。

    Crosswalk可以与cordova集成使用,

    Crosswalk的官方网站是:https://crosswalk-project.org/

    在线帮助文档:https://crosswalk-project.org/#documentation

    在这里我们讲crosswalk-cordova的使用,crosswalk-cordova顾名思义就是crosswalk集成了cordova

    1.环境搭建(win环境)

      a.Python

        先下载Python,下载地址: http://www.python.org/downloads/

        安装到指定路径,例如F:Python

        打开计算机属性——高级系统设置——环境变量

        配置环境变量        

          变量: Path                添加值:F:Python

        配置完成,接下来验证配置是否成功。

        双击运行——输入cmd——回车——输入Python——回车,如果出现一堆英文,如下图所示,即表示配置成功。

              

     

      b.java

        先下载JAVA,下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html

        安装到指定路径,例如F:Java

        打开计算机属性——高级系统设置——环境变量(如上文)

        配置环境变量        

          变量: JAVA_HOME          值: 安装路径:F:Javajdk1.6.0_10

          变量: Path                添加值:%JAVA_HOME%in;%JAVA_HOME%jrein

          变量: CLASSPATH     添加值:.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar  

        配置完成,接下来验证配置是否成功。

        双击运行——输入cmd——回车——输入javac——回车,如果出现一堆英文,如下图所示,即表示配置成功。

              

     

      c.Apache Ant

        下载Apache ant,地址: http://ant.apache.org/bindownload.cgi

        解压到指定路径,例如F:apache-ant

        打开计算机属性——高级系统设置——环境变量(如上文)

        配置环境变量        

          变量: ANT_HOME          值: 你刚解压到的路径:F:apache-ant

          变量: Path              添加值:%ANT_HOME%in   

        配置完成,接下来验证配置是否成功。

        双击运行——输入cmd——回车——输入ant——回车。

               如果没有指定build.xml就会输出:

             Buildfile: build.xml does not exist!         Build failed

           有指定会输出:

             BUILD SUCCESSFUL

      d.adt-eclipse

        下载adt-eclipse,地址http://developer.android.com/sdk/index.html(注:可能需要挂代理)

                解压到指定路径,例如F:adt-eclipse,运行SDK Manager.exe

              

               安装下图所示文件即可满足我们的需求,其他的随意

               因为谷歌有时候会被墙,所以在不能访问谷歌服务器时请修改hosts文件,参考:http://blog.csdn.net/chinaeran/article/details/10565055

        

              

              

              

        打开计算机属性——高级系统设置——环境变量(如上文)

        配置环境变量        

          变量:       ANDROID_HOME          值:F:adt-eclipsesdk(以你安装目录为准,确认里面有tools和add-ons等多个文件夹)

          变量:       Path                      添加值:F:adt-eclipsesdk ools

          用户变量: PATH                           值:%ANDROID_HOME%platform-tools

        配置完成,接下来验证配置是否成功。

        双击运行——输入cmd——回车——输入adb——回车,如果出现一堆英文,如下图所示,即表示配置成功。

               

      e.node.js

        下载,地址http://nodejs.org/

                直接安装即可

      f.git

               安装node.js后,双击运行——输入cmd——回车——输入

               npm install -g git 即可安装,也可以参考http://blog.chinaunix.net/uid-25806493-id-3319781.html安装

      g.crosswalk-cordova

        下载,地址https://crosswalk-project.org/#documentation/downloads

                选择Cordova Android (ARM) 7.36.154.13下载,如图

               

                任意解压即可,如D:ASPXcrosswalk-cordova

    2.创建项目

      

                a.双击运行——输入cmd——回车进入命令行工具中,

                输入:cd /d D:ASPXcrosswalk-cordovain(D:ASPXcrosswalk-cordova就是之前我解压的目录)

                注意:途中可能会报一个关于git的错误,翻译过来的意思是某个文件找不到,根据路径把对应的文件夹创建了就可以了。

                b.创建项目:

                输入:create D:ASPXHelloWorld org.crosswalkproject.sample HelloWorld (D:ASPXHelloWorld是项目路径 org.crosswalkproject.sample是包名  HelloWorld是项目名称)

                c.添加cordova插件:

                输入:cd /d D:ASPXHelloWorldcordova (D:ASPXHelloWorld就是项目路径,在此输入version命令可以查看cordova版本号)

                在这里我们需要用 plugman install --platform android --project . --plugin 插件地址 这个命令来添加插件,如添加摄像机插件

                plugman install --platform android --project . --plugin https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git#r0.2.5

                具体插件对照表请在https://crosswalk-project.org/#wiki/Plugins-list-@-3.3.0-supported-by-crosswalk-cordova-android中查看

                在sencha touch中,插件的使用和直接使用 cordova 一样

    3.项目打包

         通过上述过程生成的项目就是一个完整的安卓项目了,直接用adt-eclipse导入即可。

         整个导入打包过程可以参考http://www.cnblogs.com/mlzs/p/3437445.html,基本没有什么变化,唯一的区别就是导入的项目中多了一个xwalk_core_library,如图所示

                

  • 相关阅读:
    满巢尽洒英雄泪
    谋略的原则——经商就是讲谋略的交易
    杨文军(为奥运冠军名字作诗)
    邹市明 (为奥运冠军名字作诗)
    王励勤 (为奥运冠军名字作诗)
    想成功创业:要掌握“三笔钱”和“六三一”原则
    王丽萍(再帮别人名字作诗)
    陆春龙(为奥运冠军名字作诗)
    殷剑 (为奥运冠军名字作诗)
    孟关良(为奥运冠军名字作诗)
  • 原文地址:https://www.cnblogs.com/mlzs/p/3939502.html
Copyright © 2011-2022 走看看