zoukankan      html  css  js  c++  java
  • 轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)

           如今集成crosswalk不用这么麻烦了!

    官方的命令行工具已经能让我们一步到位,省去非常多工作,仅仅需在cmd中进入项目所在文件夹(不能有中文文件夹,还得翻墙),运行:

    ionic browser add crosswalk
           如若要移除crosswalk。则需运行:
    ionic browser revert android
          或者
    ionic browser remove crosswalk
           注意:运行以上命令时须要在线。命令行工具版本号必须为1.3.0以上。Android SDK 为 19以上。

          下面为之前的方法:

    1.进入Crosswalk下载页面,下载当中的Cordova Android(x86)及Cordova Android(ARM),并将他们进行解压。眼下稳定版版本为:9.38.208.10

    2. 新建ionic项目
    ionic start IonicProject blank
    cd IonicProject
    cordova platform add android@3.5
    这里必需要指定cordova的版本号为3.5,原因是眼下的Crosswalk仅仅支持3.5

    3.在命令提示符中先进入到项目所在目录下
    a.移除项目中CordovaLib目录中的全部文件
    rm -rf platforms/android/CordovaLib/*
    

    b.拷贝Crosswalk x86架构下的文件到CordovaLib目录中
    cp -a E:StudyCrossPlatformCrosswalkcrosswalk-cordova-9.38.208.10-x86/framework/* platforms/android/CordovaLib/

    c.拷贝Crosswalk ARM架构下的so文件到CordovaLib目录中
    cp -a E:StudyCrossPlatformCrosswalkcrosswalk-cordova-9.38.208.10-arm/framework/xwalk_core_library/libs/armeabi-v7a platforms/android/CordovaLib/xwalk_core_library/libs/

    d.拷贝Crosswalk的版本号文件到android目录下
    cp -a E:StudyCrossPlatformCrosswalkcrosswalk-cordova-9.38.208.10-x86/VERSION platforms/android/

    e.进入CordovaLib目录
    cd platformsandroidCordovaLib

    f.更新项目
    android update project --subprojects --path . --target "android-19"

    g.ant打包,并开启debug模式(可不运行)
    ant debug

    h.在AndroidManifest.xml中加入下面权限(必须
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />


    说明:
    当中E:StudyCrossPlatformCrosswalkcrosswalk-cordova-9.38.208.10-x86和E:StudyCrossPlatformCrosswalkcrosswalk-cordova-9.38.208.10-arm分别相应步骤1中解压后的路径。
    a、b、c、d步骤可手动直接操作,但必需要运行步骤e、f、h。
    在h步骤运行结束后就能够返回到项目文件夹。运行ionic run android了。



    加群:245285768
  • 相关阅读:
    现代3D图形编程学习-关于本书
    极简单之爬虫入门
    前端学HTTP之网络基础
    用canvas 实现个图片三角化(LOW POLY)效果
    移动前端—图片压缩上传实践
    nodejs实现Websocket的数据接收发送
    nodejs学习之实现简易路由
    nodejs学习之实现http数据转发
    canvas粒子demo
    nodejs简易实现一下bigpipe
  • 原文地址:https://www.cnblogs.com/clnchanpin/p/6745528.html
Copyright © 2011-2022 走看看