将原生安卓项目封装为cordova插件实例分析

最新推荐文章于 2024-02-11 07:00:00 发布
最新推荐文章于 2024-02-11 07:00:00 发布
阅读量403 收藏 1
点赞数
文章标签： 移动开发 java python
原文链接：https://my.oschina.net/keysITer/blog/601744
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

一．引言
在XXXX项目中，很多地方都需要调用插件，其中就用到了高德地图的插件。接下来我就和大家分享一下如何封装cordova插件并使用在ionic项目中。
二．项目结构
如图

134634_d9F4_2493500.png

可以看到，和一般的安卓项目类似，具有src、res、libs等目录，不同的是，这里有一个assets目录，这里就是在ionic项目中调用cordova插件的入口，可以看到AMap.js，这个就是调用高德地图的js文件，他的内容是：

cordova.define("com.laoxc.cordova.amap.AMap", function(require, exports, module) { var exec = require('cordova/exec');

exports.exec = function (action, args, success, error) {
   exec(success, error, "AMap", action, args);
};

exports.cargoLocation = function (shipmentLat, shipmentLng, unloadLat, unloadLng, pointData, successCallback, errorCallback) {
   successCallback = successCallback || function () { };
   errorCallback = errorCallback || function () { };
   exports.exec('CargoLocation', [shipmentLat, shipmentLng, unloadLat, unloadLng, pointData], successCallback, errorCallback);
};
exports.offlineMap = function ( successCallback, errorCallback) {
   successCallback = successCallback || function () { };
   errorCallback = errorCallback || function () { };
   exports.exec('OfflineMap', [], successCallback, errorCallback);
};
});

其中，exec()、cargoLocation()、offlineMap()就是这个插件所具备的三个方法
三．封装cordova插件
1.建立插件目录

134841_hLgo_2493500.png

 


如图，需要建立一个plugin.xml文件，用来对插件的封装进行配置；www目录下放的是AMap.js文件，用来调用原生方法；android这个文件夹名字自定义，里面存放插件上需要用到的所有文件，包括java文件、jar包、图片等等所有需要用到的文件。

2.配置plugin.xml
a.定义头

<?xml version='1.0' encoding='utf-8' ?>
<plugin id="info.zhangren.dusdk" version="1.0.0" xmlns="http://apache.org/cordova/ns/plugins/1.0" xmlns:android="http://schemas.android.com/apk/res/android">
</plugin>
可以看到，我定义了一个id= info.zhangren.dusdk，这个就是我们插件的标识，用来添加插件。
b．定义插件基本信息
在<plugin></plugin>里面添加：
<name>AMap</name>
    <description>
      Cordova Amap Plugin
    </description>
    <license>Apache 2.0</license>

    <js-module src="www/AMap.js" name="AMap">
       <merges target="AMap" />
    </js-module>

    <!-- android -->
    <platform name="android">
        <config-file target="res/xml/config.xml" parent="/*"> 
            <feature name="AMap">
                <param name="android-package" value="com.laoxc.cordova.amap.AMap"/>
            </feature>
        </config-file>

注意：
js-module就是调用原生方法的js文件，一般只有一个。
Platform的value值就是Amap.js所在的绝对路径。
config-file就是原生项目的配置文件。

c．权限申请
将所有在项目中可能用到的对本机的权限都写上，具体内容根据项目需求进行相应修改。

 <!-- 权限申请 -->
    <config-file target="AndroidManifest.xml" parent="/manifest">
    <uses-permission android:name="android.permission.GET_ACCOUNTS" />
    <uses-permission android:name="android.permission.USE_CREDENTIALS" />
    <uses-permission android:name="android.permission.MANAGE_ACCOUNTS" />
    <uses-permission android:name="android.permission.AUTHENTICATE_ACCOUNTS" />

    <permission android:name="android.permission.BAIDU_LOCATION_SERVICE" >
    </permission>

    <uses-permission android:name="android.permission.BAIDU_LOCATION_SERVICE" >
    </uses-permission>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" >
    </uses-permission>
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" >
    </uses-permission>
    <uses-permission android:name="android.permission.INTERNET" >
    </uses-permission>
    <uses-permission android:name="android.permission.ACCESS_MOCK_LOCATION" >
    </uses-permission>
    <!-- <uses-permission android:name="android.permission.WRITE_APN_SETTINGS"></uses-permission> -->
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" >
    </uses-permission>
    <uses-permission android:name="com.android.launcher.permission.READ_SETTINGS" />
    <uses-permission android:name="android.permission.WAKE_LOCK" >
    </uses-permission>
    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.ACCESS_GPS" />
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
    <uses-permission android:name="android.permission.READ_CONTACTS" />
    <uses-permission android:name="android.permission.CALL_PHONE" />
    <uses-permission android:name="android.permission.READ_SMS" />
    <uses-permission android:name="android.permission.SEND_SMS" />
	</config-file>

d．引入核心文件

java文件

<source-file src="android/javas/cordova/amap/offline/OfflineChild.java" target-dir="src/com/laoxc/cordova/amap/offline/" />  
		<source-file src="android/javas/cordova/amap/offline/OfflineDownloadedAdapter.java" target-dir="src/com/laoxc/cordova/amap/offline/" />  
		<source-file src="android/javas/cordova/amap/offline/OfflineListAdapter.java" target-dir="src/com/laoxc/cordova/amap/offline/" />  
		<source-file src="android/javas/cordova/amap/offline/OfflineMapActivity.java" target-dir="src/com/laoxc/cordova/amap/offline/" />  
		<source-file src="android/javas/cordova/amap/offline/OfflinePagerAdapter.java" target-dir="src/com/laoxc/cordova/amap/offline/" />
		<source-file src="android/javas/cordova/amap/offline/ToastUtil.java" target-dir="src/com/laoxc/cordova/amap/offline/" />  
		<source-file src="android/javas/cordova/amap/AMap.java" target-dir="src/com/laoxc/cordova/amap/" /> 
        <source-file src="android/javas/cordova/amap/CargoLocationActivity.java" target-dir="src/com/laoxc/cordova/amap/" /> 		
		<source-file src="android/javas/cordova/util/PointVo.java" target-dir="src/com/laoxc/cordova/util/" />
		<source-file src="android/javas/cordova/util/ScaleView.java" target-dir="src/com/laoxc/cordova/util/" />
		<source-file src="android/javas/cordova/util/TrackPlayVo.java" target-dir="src/com/laoxc/cordova/util/" />
		<source-file src="android/javas/map/MainActivity.java" target-dir="src/com/laoxc/map/" />

库文件

<source-file src="android/libs/arm64-v8a/libamapv304.so" target-dir="libs/arm64-v8a/" />
		<source-file src="android/libs/arm64-v8a/libamapv304ex.so" target-dir="libs/arm64-v8a/" />
		<source-file src="android/libs/armeabi/libamapv304.so" target-dir="libs/armeabi/" />
		<source-file src="android/libs/armeabi/libamapv304ex.so" target-dir="libs/armeabi/" />
		<source-file src="android/libs/armeabi-v7a/libamapv304.so" target-dir="libs/armeabi-v7a/" />
		<source-file src="android/libs/armeabi-v7a/libamapv304ex.so" target-dir="libs/armeabi-v7a/" />
		<source-file src="android/libs/AMap_Services_V2.4.0.jar" target-dir="libs/" />
		<source-file src="android/libs/Android_Location_V1.3.3.jar" target-dir="libs/" />
		<source-file src="android/libs/Android_Map_V2.5.0.jar" target-dir="libs/" />

资源文件
<!-- res -->
		<source-file src="android/res/layout/activity_cargo_location.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/layout_infowindow.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/layout_titlebar_back.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/offline_downloaded_list.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/offline_map_layout.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/offline_province_listview.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/offlinemap_activity.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/offlinemap_child.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/offlinemap_group.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/selector_map_profile.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/shape_map_profile.xml" target-dir="res/layout/" />
		<source-file src="android/res/layout/shape_map_profile_pressed.xml" target-dir="res/layout/" />
		
		<source-file src="android/res/values/attrs.xml" target-dir="res/values/" />
		<source-file src="android/res/values/color.xml" target-dir="res/values/" />
		<source-file src="android/res/values/dimens.xml" target-dir="res/values/" />
		<source-file src="android/res/values/strings.xml" target-dir="res/values/" />
		<source-file src="android/res/values/styles.xml" target-dir="res/values/" />
		
		<source-file src="android/res/drawable-hdpi/car_offline1.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/custom_info_bubble.9.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/downarrow.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/ic_back_white.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/ic_bg.9.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/ic_car.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/ic_discar.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/ic_scale.9.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/ic_shipment.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/ic_tel.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/ic_unlocation.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/ic_zoomin.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/ic_zoomout.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/icon.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offline_back.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offline_common_bar_bg.9.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offline_common_title_btn_selector.xml" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offlinearrow_but_normal.9.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offlinearrow_but_pressed.9.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offlinearrow_down.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offlinearrow_download.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offlinearrow_start.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offlinearrow_stop.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offlinearrow_tab1_normal.9.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offlinearrow_tab1_pressed.9.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offlinearrow_tab2_normal.9.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/offlinearrow_tab2_pressed.9.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/point1.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/point2.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/point3.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/point4.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/point5.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/point6.png" target-dir="res/drawable-hdpi/" />
		<source-file src="android/res/drawable-hdpi/rightarrow.png" target-dir="res/drawable-hdpi/" />

需要注意的是
Src指定的目录是此文件在你的cordova插件中的位置，target对应的是引入到你的项目中的位置，这个位置以及名字定义要严格按照原安卓项目中来定义。因为只有这样才能不破坏原程序的目录结构，并且在调用插件的时候能够准确找到对应的文件位置。

四．安装插件
使用命令cordova plugin add E:\cordovaPlugin\cordova-plugin-map，这里我没有上传到github上，所以使用的是本地安装，add后面对应的是本地插件目录。

134842_gmYp_2493500.png

至此，cordova插件封装完成。

 

转载于:https://my.oschina.net/keysITer/blog/601744

weixin_34258782
关注
封装android原生Cordova插件
kangkang_style的博客
08-18 3357
webApp对于原生功能的调用可以采用第三方的框架，例如phonegap或者cordova等，phonegap和cordova的操作模式类似，此处仅针对cordova进行讲解。 主要分为两步：1.创建cordova项目     2.封装cordova插件 cordova教程：https://www.w3cschool.cn/cordova/。官方已经封装了很多通用的功能插件，对于极个别特定的需...
cordova封装Android插件给前端调用
热门推荐
weixin_41103806的博客
08-16 3万+
1.创建cordova项目 2.默认添加Android平台,同时指定8.0.0的版本(很重要) 3.安装plugman插件并创建一个插件:npm install -g plugman plugman create --name TestPlugin --plugin_id com.senjoeson.test --plugin_version ...
Android Studio 原生项目集成 Cordova 插件演示示例
05-26
## 说明 > 此实例代码为 Android Studio 原生项目集成 Cordova 插件演示，而非通过 Cordova 直接编译，方便您在现有 Android Studio 项目中集成 Cordova 进行 H5 混合开发。 为了结构清晰及易维护性，项目分三个 Module ，将所有插件单独放在了 CordovaPlugin 中。 ## 插件 - Toast - ActionSheet
开发原生安卓cordova插件（有原生界面）
weixin_33755649的博客
04-21 442
2019独角兽企业重金招聘Python工程师标准>>> ...
Android代码-cordova调用安卓原生activity插件
08-06
cordova-plugins-activity cordova调用安卓原生activity插件 使用简介 JS端使用方式 //sendData表示要从js端发送到原生activity的数据，需用json对象传输 var sendData = { id:10001, name:"Simon", age:28 }; window.cordova.plugins.activity.start("com.zlzkj.vendor.MyActivity",sendData,function(data){ //回调函数中的data表示从原生activity传回来的数据，已处理为json对象 alert(data.id "::" data.name); }); 原生安卓activity接收参数和回传参数简单示例 public class MyActivity extends Activity { private Button btn; private int flag = 0; private Intent intent = null;
cordova android 插件开发,cordova 开发属于自己的插件---android
weixin_30698775的博客
05-26 314
还是需要开发出自己的插件的...我的cordova version is 4.0.01.需要新建一个文件夹为 myplugin1.1在myplugin文件夹下 新建 plugin.xml文件 www文件夹 src文件夹1.2 在src文件夹下 新建 Android iOS 文件夹等如图2. 在Android文件夹下console.java 文件package cn.debi.cordova;...
cordova自定义android插件,cordova插件开发Android篇(初级入门)
weixin_29126497的博客
05-25 373
[mode]是execute方法的args，也就是参数。需要特别注意的是，java是区分大小写的。voice.jscordova.define("com.justep.cordova.plugin.voiceManager", function(require, exports, module) { var cordova = require('cordova'), exec = require(...
cordova 调用蓝牙_Ionic2Cordova蓝牙插件封装
weixin_39758392的博客
02-06 400
首先有Ionic2以及Cordova环境如果没有在命令行执行以下命令npm install -g ionic cordova //全局安装ionic 和cordova指令ionic start myApp tabs --v1 创建ionic2项目之前文章讲到了 “--v1&&--v2代表ionic不同版本”npm install -g plugman //全局安装cordov...
cordova-android-3.6.4
01-04
- **升级和维护**：随着 Cordova 的不断更新，了解如何将项目升级到新版本，以利用最新的功能和安全修复，是非常重要的。 - **原生交互**：深入学习如何通过 Cordova 插件实现与 Android 原生代码的交互，这可以帮助...
什么是Cordova?Cordova在Android中的应用
AndyYuan317的博客
08-21 6128
前言 最近在做一个项目需要使用到H5混合开发，需要研究Cordova框架，看了其中的源码和实现方式，当场在看的时候马上能理解，但是事后再回去看相关源码时候却发现之前理解的内容又忘记了，又不得不重新开始看，所以总觉得需要记录下来，这样也表明之前也是学习过，俗话说「好记性不如烂笔头 」，想必也是体现了笔记的重要性。 目录 为何要用Cordova 什么是Cordova Co...
cordova-plugin-location:基于高德API获取地理位置的Cordova插件
05-18
com-amap-location 描述 this is a plugin get location info by use GaoDe Map API,it only used in china. 安装 cordova plugin add com-amap-location 特性 window.xunsoft.getCurrentPosition（成功，失败）; 回调函数有一个参数 成功回调参数属性 #### locationType #### latitude #### longitude #### accuracy #### altitude #### address ### country #### province #### city #### district #### street #### locationDetail 失败回调参数属性 #### code ##
cordova 插件的封装
09-09
本文档主要总结的cordova插件的封装方法，用于解决在ionic开发时一些不好实现的效果，比如语音识别，二维码扫描等效果，可以通过cordova封装Android原生效果，然后集成到ionic里面实现
Cordova源码解析(3)_webview实现类的封装设计
renzhongrui的博客
01-20 722
上一章讲述了Cordova的入口’CordovaActivity’类的实现方法，在这个类中实现了webview的创建和对Html的加载，那么这章就来分析下Cordova中webview是如何封装的。 CordovaWebViewImpl类 ...
Android:Cordova,JavaScript操作设备功能
最新发布
偶是不器的博客
02-11 1329
Android:Cordova使用实例，Cordova自定义插件
ios android插件开发,Cordova插件开发(iOS/Android)--看这篇就够了
weixin_42511201的博客
05-27 298
其他Cordova相关文章链接1.创建一个测试工程//创建cordova工程cordova create cordovaTest com.szcomtop.cordovaTest cordovaTest//进入platforms目录//添加iOS 和 Android 平台代码cd platformscordova platform add ioscordova platform add andro...
Android Cordova 正常安卓项目封装成插件的流程记录
breaktt的博客
07-04 669
Android Cordova 正常安卓项目封装成插件的流程记录
安卓 Cordova混合开发 创建插件篇
qq_31309689的博客
09-14 583
编写自定义插件类 本节的内容是自定义一个dialog插件，供web调用，显示系统弹窗 新建一个包名，我这里使用org.apache.cordova.dialog，然后创建个类CustomDialog.java，继承于CordovaPlugin（所有自定义插件，都要继承CordovaPlugin），最后重写execute方法 public boolean execute(String ac
cordova封装插件修改AndroidManifest.xml配置和gradle配置
vlong5461的博客
07-17 4814
  scripts目录中android-install.js //删除文件 var delPath;         delPath = path.join(targetDir, "../../../../../libs/locSDK_6.22.jar");         console.error(delPath);         fs.unlink(delPath,function(...
cordova插件 Android,如何在Android的Cordova插件中添加和检索资源(字符串)
weixin_28804379的博客
05-28 156
本文概述在Android中, 资源是代码使用的其他文件和静态内容, 例如位图, 布局定义, 用户界面字符串, 动画说明等。如果你考虑一下, 也许本地资源的使用没有意义, 因为我们正在使用混合技术。理论上应该使用Java处理所有内容, 不是吗？好了, 开发例外情况一如既往。以本机第三方库的用法为例, 该库允许你自定义标签。使用Java, 自定义标签的方法不希望将字符串作为值, 而是希望使用数字(@S...
cordova 插件封装开发指南：语音识别和二维码扫描
cordova 插件是一种非常实用的技术，可以帮助开发者将 Android 或 iOS 原生效果集成到 Ionic 项目中，从而实现一些特殊的功能，如语音识别、 二维码扫描等。cordova 插件的封装方法可以解决在 Ionic 开发时的一些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值