uni-appH5Android混合开发三 || uni-app调用Android原生方法的三种方式

前言:

关于H5的调用Android原生方法的方式有很多,在该片文章中我主要简单介绍三种与Android原生方法交互的方式。

uni-app跨平台框架介绍和快速入门

uni-app跨平台框架介绍和快速入门

一、H5+方法调用android原生方法

H5+ Android开发规范官方文档:

HTML5+ API Reference

H5端调用Android activity 并获取activity返回过来的数据:

//获取当前Activity,使用H5的方式调用android原生方法,从而启动activity
var main = plus.android.runtimeMainActivity();//invoke: 调用对象(类对象/实例对象)的方法,调用Android原生方法        plus.android.invoke('com.pingAnBank.payment.PingAnPaymentHelper', 'StartCallPosPayment', paymentMoney,orderNumber, main, paymentType);//requestCode请求码,即调用startActivityForResult()传递过去的值(一般为int,标志不同的支付类型)
//resultCode  结果码,结果码用于标识返回数据来自哪个新Activity
//data Intent中所携带的数据
main.onActivityResult = function(requestCode, resultCode, data) {//解析android 的activity回传过来的数据
plus.android.importClass(data);
var bundle = data.getExtras();
plus.android.importClass(bundle);//获取activity回传过来的参数值
var amount = bundle.getString("amount"); //支付金额
var traceNo = bundle.getString("traceNo"); //支付流水号}
调用Android方法说明:plus.android.invoke('com.pingAnBank.payment.PingAnPaymentHelper', 'StartCallPosPayment', paymentMoney,orderNumber, main, paymentType);
com.pingAnBank.payment.PingAnPaymentHelper:Android中的内部类名
StartCallPosPayment:Android中的内部类名中的方法名
paymentMoney,orderNumber, paymentType:方法所需的参数
main:当前页面的Activity

二、uniapp原生插件调用Android原生方法

Android原生插件开发教程:开发者须知 | uni小程序SDK

实现功能:通过点击uni-app页面中的按钮传递参数,调用android原生代码,然后Android原生代码处理数据,返回到uniapp页面展示。

uni-app代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

<template>

    <view class="content">

       

        <view @click="callAndroidWay">android原生方法调用</view>

         

    </view>

</template>

<script>

    // 导入自己定义的插件js

    var elitetyc = require('../plugin.js');

    export default {

        data() {

            return {

                 plugins: elitetyc

            }

        },

        onLoad() {

  

        },

        methods: {

             callAndroidWay(){

              this.plugins.StartCallPosPayment(

                  "这段文字是uniapp传过来的",

                  function(result) {

                      uni.showToast({title:JSON.stringify(result),icon:'none',duration:5000});

                  },

                  function(result) {

                      uni.showToast({title:result,icon:"none",duration:5000});

                  }

              );

             }

        }

    }

</script>

plugin.js插件代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

function(root, factory) { 

if (typeof exports == 'object' && typeof module != 'undefined') { 

    module.exports = factory() 

else if (typeof define == 'function' && define.amd) { 

    define(factory) 

else 

    document.addEventListener('plusready'function(){ 

    // 这里是定义插件的名称

    var moduleName = 'elitetyc';  

     

    root.plus[moduleName] = factory() 

    },false); 

}(thisfunction() { 

//在此处定义自己的方法 (这里也是插件的名称,可以看到在后面的)

var _BARCODE = 'elitetyc'

var plugintest = { 

    // 这里定义了一个名叫StartCallPosPayment的方法,传递三个参数,后面两个是回调函数

    StartCallPosPayment: function(num, successCallback, errorCallback) {

        var success = typeof successCallback !== 'function' null function(args) {

                successCallback(args);

            },

            fail = typeof errorCallback !== 'function' null function(code) {

                errorCallback(code);

            };

      // 回调ID,后面原生代码中会用到,就好像你调用我,我有结果了,我该知道我把数据返回给谁把?这个id就是这个作用

        var callbackID = plus.bridge.callbackId(success, fail);

      // 在上面有讲到过,这里需要注意的是前两个参数,第一个参数是插件类别名,后面再原生代码中的dcloud_properties.xml文件中会用到第二个参数(HelloAndroidWay),是android原生代码中的方法名要一致

        return plus.bridge.exec(_BARCODE, "HelloAndroidWay", [callbackID, num]);

    }

}; 

return plugintest; 

}); 

Android代码:

我们需要在Android项目中新建一个java文件,在对应的类中什么一个HelloAndroidWay的方法。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

/**

   * 定义一个名为HelloAndroidWay的方法

   * @param pWebview

   * @param array

   */

  public void HelloAndroidWay(IWebview pWebview, JSONArray array) {

    //获取回调ID

    String CallBackID = array.optString(0);

    //        获取参数并计算(这里模拟原生处理)

    String newstring = "你好,这个字符串来自android原生代码,您传过来的参数是:" + array.optString(1);

    //        构建回传参数

    JSONArray newArray = new JSONArray();

    newArray.put(newstring);

    //        JSUtil.execCallback(IWebview pWebViewImpl,String pCallbackId,String pMessage,int pStatus,boolean pKeepCallback)

    //        参数:

    //        pWebViewImpl - webview对象

    //        pCallbackId - 回调方法ID

    //        pMessage - 回调信息

    //        pStatus - 回调code值 如:OK、ERROR

    //        pKeepCallback - js层回调function是否要保存

    // 第一个参数是当前函数的入参,直接传入, 第二个是根据入参获取的回调id,第三个是回调的数据,是一个json数组

    JSUtil.execCallback(pWebview, CallBackID, newstring, JSUtil.OK, false);

  }

 参考文章:

uniapp原生插件开发之调用原生方法(android)

三、WebView简单实现Android与H5互调

WebView简介:

  要实现Android与H5互调,WebView是一个很重要的控件,WebView可以很好地帮助我们展示html页面,所以有必要先了解一下WebView。

关于使用WebView简单实现Android与H5互调的参考文章参考下面文章:

WebView详解与简单实现Android与H5互调_webview实现h5横屏-CSDN博客

uni-app&H5&Android混合开发教程汇总

uni-app&H5&Android混合开发一 || 最全面的uni-app离线打包Android平台教程

uni-app&H5&Android混合开发二 || 使用Android Studio打包应用APK

uni-app&H5&Android混合开发三 || uni-app调用Android原生方法的三种方式

【新手指南】Android Studio中应用App的相关配置

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/9990.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

EDA(六)Modelsim

EDA&#xff08;六&#xff09;Modelsim ModelSim是一款由Mentor Graphics公司&#xff08;现为Siemens EDA的一部分&#xff09;开发的高性能、交互式和可扩展的HDL&#xff08;硬件描述语言&#xff09;仿真工具。它支持Verilog、SystemVerilog和VHDL等语言&#xff0c;被广泛…

2023年全国职业院校技能大赛(高职组)“云计算应用”赛项赛卷2(容器云)

#需要资源&#xff08;软件包及镜像&#xff09;或有问题的&#xff0c;可私聊博主&#xff01;&#xff01;&#xff01; #需要资源&#xff08;软件包及镜像&#xff09;或有问题的&#xff0c;可私聊博主&#xff01;&#xff01;&#xff01; #需要资源&#xff08;软件包…

Java入门基础学习笔记10——变量

变量的学习路径&#xff1a; 认识变量->为什么要用变量&#xff1f;->变量有啥特点&#xff1f;->变量有啥应用场景&#xff1f; 什么是变量&#xff1f; 变量是用来记住程序要处理的数据的。 变量的定义格式&#xff1a; 数据类型 变量名称 数据&#xff1b; 数…

Android之给Button上添加按压效果

一、配置stateListAnimator参数实现按压效果 1、按钮控件 <Buttonandroid:id"id/mBtnLogin"android:layout_width"match_parent"android:layout_height"48dp"android:background"drawable/shape_jfrb_login_button"android:state…

[微信小程序] 入门笔记2-自定义一个显示组件

[微信小程序] 入门笔记2-自定义一个显示组件 0. 准备工程 新建一个工程,删除清空app的内容和其余文件夹.然后自己新建pages和components创建1个空组件和1个空页面. 设定 view 组件的默认样式,使其自动居中靠上,符合习惯.在app.wxss内定义,作用做个工程. /**app.wxss**/ /* 所…

【强训笔记】day18

NO.1 思路&#xff1a;双指针模拟。to_string将数字转化为字符。 代码实现&#xff1a; class Solution { public:string compressString(string param) {int left0,right0,nparam.size();string ret;while(right<n){while(right1<n&&param[right]param[right…

云存储的架构是由什么组成的?

云存储的架构主要是由存储层、基础管理层、应用接口层和访问层这几个部分组成的&#xff0c;接下来小编就具体的来介绍这几个组成部分。 一、存储层 存储层是云存储中的基础&#xff0c;存储层中包含了大量的存储设备&#xff0c;其中有网络附加设备和互联网小型计算机系统接口…

“幽灵“再临!新型攻击瞄准英特尔CPU;微软Outlook漏洞被俄利用,网络间谍攻击捷克德国实体 | 安全周报0510

1. 微软Outlook漏洞被俄罗斯APT28利用&#xff0c;捷克德国实体遭网络间谍攻击&#xff01; 捷克和德国于周五透露&#xff0c;他们成为与俄罗斯有关的APT28组织进行的长期网络间谍活动的目标&#xff0c;此举遭到欧洲联盟&#xff08;E.U.&#xff09;、北大西洋公约组织&…

序列练习.

利用0-9的平方生成一个整数列表 #第一种 num_list1[] for i in range(10):ii*inum_list1.append(i) print(num_list1)#第二种 num_list2[x*x for x in range(10)] print(num_list2) 输入一个月份数字&#xff0c;输出该月份对应的英文单词 xint(input(please input a month\…

【C++】CentOS环境搭建-快速升级G++版本

【C】CentOS环境搭建-快速升级G版本 1. 安装CentOS的软件集仓库&#xff1a;2. 安装你想要的devtoolset版本&#xff0c;例如devtoolset-9&#xff1a;3. 启用新版本的编译器&#xff1a;4. 检查G版本&#xff1a; 在CentOS系统中升级G编译器通常涉及使用devtoolset或者SCL&…

Ubuntu搭建VsCode C++ 开发环境

Ubuntu搭建VsCode C 开发环境 安装VS Code 使用命令来安装VS Code&#xff1a;他会下载vscode的最新版本。 sudo snap install --classic code如果不使用命令 的方式 在官网下载vscode安装包&#xff08; 后缀为 .deb的包 &#xff09;之后&#xff08;可以选择版本 &#x…

Selenium定位方法汇总及举例

天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物。 每个人都有惰性&#xff0c;但不断学习是好好生活的根本&#xff0c;共勉&#xff01; 文章均为学习整理笔记&#xff0c;分享记录为主&#xff0c;如有错误请指正&#xff0c;共同学习进步。…

Bpmn.js使用(仅查看版)

Bpmn.js使用&#xff08;仅查看版&#xff09; 下载 npm install bpmn-js创建一个 Dom 节点来挂载画布元素。 <a-tabs v-model:activeKey"activeKey" change"tabsChange"><a-tab-pane key"1" tab"审批记录"><a-tabl…

React 之 forwardRef用法(十六)

forwardRef 是 React 中的一个高级功能&#xff0c;它允许你将一个 ref 传递给子组件&#xff0c;即使该子组件是通过函数式组件定义的。这在某些情况下很有用&#xff0c;比如当你需要直接访问 DOM 元素或类组件的实例时。 vue则通过this.$refs.XX或this.$children访问子组件的…

mysql基础概念

文章目录 登录mysqlmysql和mysqld数据库操作主流数据库MYSQL架构SQL分类 登录mysql 登录mysql连接服务器&#xff0c;mysql连接时可以指明主机用-h选项&#xff0c;然后就可以指定主机Ip地址&#xff0c;-P可以指定端口号 -u指定登录用户 -P指定登录密码 查看系统中有无mysql&…

【退役之重学Java】Redis 的过期策略

Redis 的过期策略 一、假设设置一个key 只能存活1h&#xff0c;那么1h之后&#xff0c;Redis 是怎么对这批 key 进行删除的&#xff1f; 回答&#xff1a; 定期删除 惰性删除 所谓定期删除&#xff0c;指的是 Redis 默认每隔100ms 就随机抽取一些设置了过期时间的 key&…

解决离线服务器无法加载HuggingFaceEmbeddings向量化模型的问题

由于服务器是离线的&#xff0c;因此我先在本地到huggingface官网下载模型text2vec&#xff0c;然后上传到服务器上运行&#xff0c;报错&#xff1a; (MaxRetryError(HTTPSConnectionPool(host\huggingface.co\, port443): Max retries exceeded with url: /api/models/senten…

代码随想录——二叉树的层序遍历Ⅱ(Leetcode107)

题目链接 层序遍历&#xff08;队列&#xff09; /*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode right;* TreeNode() {}* TreeNode(int val) { this.val val; }* TreeNode(int val, Tre…

### 【数据结构】线性表--顺序表(二)

文章目录 1、什么是线性表2、线性表的基本操作3、顺序表3.1、顺序表的定义3.2、顺序表的实现方式&#xff1a;静态分配3.3、顺序表的实现方式&#xff1a;动态分配3.4、顺序表的特点3.5、顺序表的初始化与插入操作3.6、顺序表的删除与查询 1、什么是线性表 ​ 线性表是具有相同…

常用的 Ansible 模块

以下是一些常用的 Ansible 模块&#xff1a; - ping 模块&#xff1a;用于检测目标主机是否可达。 - file 模块&#xff1a;可以管理文件和目录&#xff0c;如创建、删除、修改权限等。 - copy 模块&#xff1a;用于将本地文件复制到远程主机。 - service 模块&#xff1a;管…