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)、整个工程目录结构:

Android + Hybird + cordova跨平台开发_第1张图片

Android + Hybird + cordova跨平台开发_第2张图片

Android + Hybird + cordova跨平台开发_第3张图片

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

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

Android + Hybird + cordova跨平台开发_第4张图片

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

Android + Hybird + cordova跨平台开发_第5张图片

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

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

你可能感兴趣的:(Android)