Android cordova混合开发初探

948 阅读1分钟

创建cordova项目

1、sudo npm install -g cordova

2、cordova create hello com.example.hello HelloWorld

3、cordova platform add ios --save cordova platform add android --save

4、目录结构:

image

创建自定义插件:

plugman create --name custom_plugin --plugin_id custom_plugin n --plugin_version 0.0.1

1、src目录下新建android目录,目录下存放从宿主调用插件方法得实现类。www目录下存放js直接调用得方法实现。

├─src

│ └─android

│ └─com

│ └─example

│ └─cordova

│ └─cordovaplugin

└─www

2、新建一个工程Android_plugin。依赖需要集成cordova插件得cordova工程里得cordovalib库

image

3、新建一个类,集成自cordovaPlugin。实现excute方法。

4、将该类从com包下移动至Android目录下

5、修改插件工程中www目录下得js文件。

image

6、配置插件工程下得plugin文件

  • a、这个地方配置得是js调用处得名字(可以手动修改)
  • b、插件实现类在android下得路径
  • c、插件工程下得实现类全路径
  • d、目标工程下插件保存得路径
    image

7、插件工程执行npm init 生成package.json文件.这个文件包含一些基本信息,版本,名称,描述等

8、插件工程生成以后,集成到调用工程中。执行cordova plugin add plugin_name

9、宿主工程得调用方法。调用处为www\js下得index.js

myapp

└─www

├─css

├─img

└─js

image