ionic 封装原生android为插件

之前因为要在ionic项目中实现短视频功能没有找到相关插件,遂利用原生封装为插件实现:

准备:

1.首先需要用原生实现功能

2.编写插件,配置plugin.xml


配置所需权限注: 此插件比较简单如涉及到多个activity以及广播还需要进行相应的配置

3.调用插件

开始:

原生实现比较简单,可自行百度。从插件编写也就是第二步开始记录

1.生成插件 

命令:plugman create --name 插件名  --plugin_id 包名  --plugin_version 0.0.1(版本号)

其中这些参数都是可以随意定义的

2.添加平台支持

命令:plugman  platform add  --platform_name android or ios

生成成功后会自动创建android文件夹以及Java文件,这个文件是插件的js 调用原生功能的桥梁

3.编写js

此处编写的js为生成插件后在www文件下生成的js文件,形式为 插件名.js


参数说明:exports.reconverInten 方法是用来调用原生class文件,对应第二步生成的Java文件中的方法

exec参数说明:1.成功的回调,2错误的回调3.可理解为第二布生成Java类的名称(见下图)4.调用方法。5.参数



4.Java编写

1.

action.equals 是用来判断插件调用的是哪个方法

2.intent跳转以及接受返回值 以上图reconverIntent 方法为例

跳转: this.cordova.startActivityForResult((CordovaPlugin)this, intent, 1);

因为这里集成的是CordovaPlugin 并不是原生的activity所以必须以这种方式跳转

接受返回值:编写onActivityResult 方法此方法是原生android中的方法

@Override

    public void onActivityResult(int requestCode, int resultCode, Intent data){   


  super.onActivityResult(requestCode, resultCode, data);

        if(resultCode == Activity.RESULT_OK){

    this.callbackContext.success(data.getDataString());

}else{

this.callbackContext.error("Unexpected error");

}

}

注意:此方法是跳转到摄像头退出后接收到的返回值,并不是从activity跳转回来接受 到的返回值

5.插件安装及调用

到插件目录下:npm init生成package.json

安装 ionic cordova plugin add 插件

调用:


安装完成后的样子,在platforms\android\platform_www 中找到cordova_plugins.js


clobbers就是调用名称,调用:


此插件实现比较简单,配置较少下次记录多个activity复杂原生项目集成的方式

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,280评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,578评论 2 59
  • 如果,读这篇文章发现错误或者疑惑的欢迎在这里讨论:https://www.jianshu.com/p/d82405...
    yjy239阅读 12,087评论 23 25
  • 夜的黑滋养着那一份尚未丢失的感性 落寞的街角 放眼也只有一线泛黄 沉淀的思念 穿越时空的隧道 陌路的彷惶 走过渐渐...
    朱小朱_9527阅读 2,286评论 0 0
  • 淘宝这东西,其实能省的地方很少。因为时间比较浪费。 而且一个人真正需要的东西,还是不能看价格便宜来定的。真正的东西...
    乐乐乐乐书阅读 2,732评论 0 0

友情链接更多精彩内容