Android + Hybird + cordova跨平台开发

1、cordova工程搭建,包含环境:(mac)

sudo npm install -g cordova
cordova -version
cordova create CordovaProject io.cordova.hellocordova CordovaApp

CordovaProject 是创建应用程序的目录名称。

io.cordova.hellocordova 是默认的反向域值。(APP包名)

CordovaApp 是您应用的标题。

cd CordovaApp(所建项目目录)
cordova platform add android(添加android平台 )
cordova build android(构建应用程序)
cordova emulate android(模拟器运行)
cordova run android (外部模拟器或真实设备)

cordova项目在构建时使用java8,如果已经存在了其他版本的java,则需要进行java环境重新配置:

export JAVA_10_HOME=/Library/Java/JavaVirtualMachines/jdk-10.0.1.jdk/Contents/Home
export JAVA_8_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_171.jdk/Contents/Home

export JAVA_HOME=$JAVA_10_HOME

alias jdk10="export JAVA_HOME=$JAVA_10_HOME"
alias jdk8="export JAVA_HOME=$JAVA_8_HOME"

export PATH=$PATH:$JAVA_HOME

执行环境生效:

.bash_profile

2、java版本切换:

执行 .bash_profile文件里面的alias值:jdk8/jdk10

3、将cordova工程作为library导入到现有工程中:

1)、主工程settings.gradle配置,其实就是将cordova工程作为一个module导入主工程中:

include ':app'
include ':CordovaPlug'
include ':CordovaLib'

project(':CordovaPlug').projectDir = new File('../WestOaPlug\\platforms\\android\\app')
project(':CordovaLib').projectDir = new File('../WestOaPlug\\platforms\\android\\CordovaLib')

CordovaPlug为cordova工程,CordovaLib为cordova工程中的一个module。

2)、主工程build.gradle中添加依赖:

implementation(project(path: ":CordovaPlug"))

3)、修改cordova工程app module为library:

apply plugin: 'com.android.library'

 4)、整个工程目录结构:

4、根据编译修改一些配置错误。

5、设备上出现以下图表示项目搭建成功:

点击hello world跳转到跨平台的网页页面。

花了2天把整个搞完,接下来就可以随意开发。。

demo地址:https://github.com/Jocerly/WestOa

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值