android混合开发:cordova的安装使用

    xiaoxiao2021-04-12  34

    1、什么是cordova

    cordova是一个开源的移动开发框架,开发者可以使用html、css、js做跨平台开发,并且可以利用其提供的组件调用移动设备的硬件功能,如:传感器、拍照等。也就是说:cordova提供了js与原生的交互通道。

    cordova的前身是phonegap,是从phonegap剥离出来开源贡献给apache的,所以俩者的使用是完全相同的,只是phonegap提供了一下收费功能,如云发布。

    本文以windows进行cordova安装调试,并默认您掌握了安卓开发技能,熟练使用android studio

    2、安装cordova

    下载安装Node.js,下载对应的pc平台版本,因为cordova需要通过npm安装,所以Node.js必不可少。

    在windos上安装Cordova CLI开发工具,打开控制台执行以下命令行:

    C:>npm install -g cordova 此时会自动下载安装,安装结束后输入cordova,如果出现帮助信息,说明您已成功安装Cordova CLI开发工具。

    3、配置环境变量

    jdk1.8安装及环境变量配置,请注意是jdk1.8android sdk 环境变量配置,不配置将会无法编译配置完成后命令行输入一下命令验证是否成功:

    C:>cordova requirements

    4、新建项目

    进入您需要存放项目的文件夹,输入命令行:

    cordova creat hellowCordova com.yourname HellowCordova

    其中hellowCordova是工程文件名名称,com.yourname是项目的包名,当然这个包名可以在配置文件里面修改,这个后期再说,HellowCordova是项目名称。

    进入新建的项目文件:

    cd:hellowCordova

    添加安卓平台:

    cordova platform add android –save

    添加成功后,项目的platforms文件夹下将会生成android文件,这就是安卓端源码保存的地方。

    编译项目:

    cordova build

    如果我们用的是as自带的sdk下载工具下载的adk,这一步会报找不到gradle wrapper,用sdk下载工具自行下载或者从以前es的sdk中拷贝指定文件过来就行,错误提示已经很明显了。

    Error: Could not find gradle wrapper within Android SDK. Might need to update your Android SDK. Looked here: D:\deleve_tools\sdk_as\tools\templates\gradle\wrapper

    至此项目创建成功。

    5、工程文件结构

    图为项目成功创建后的文件结构图,各文件功能如下:

    hooks:存放自定义cordova命令的脚本platforms:存放各个平台编译后的文件,注意每次build都会覆盖修改该目录下文件plugins:存放插件的目录www:存放html前端页面的源码路径config.xml:配置文件

    6、导入到android studio

    打开as,导入项目platforms路径下的android文件,编译后的项目结构:

    结构跟eclipse项目差不多,html页面资源保存于assets中(强烈建议不要修改www目录下的文件,每次cordova build后该文件会修改),src目录下的文件可以修改。这样我们就可以利用cordova进行混合开发了,将前端页面放到根文件的www中,编译项目,通过as开发native部分。

    项目运行图:

    转载请注明原文地址: https://ju.6miu.com/read-667343.html

    最新回复(0)