Android 端01:小程序双向通道 -tiny2native|学习笔记

简介: 快速学习 Android 端01:小程序双向通道 -tiny2native

开发者学堂课程【mPaaS 小程序开发实战Android 端01:小程序双向通道 -tiny2native】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/301/detail/3511


Android 端01:小程序双向通道 -tiny2native


内容介绍

一、创建小程序

二、小程序调用


自定义双通道就是你小程序的是一个容器我们会有一些小程序定制 API的需求,我们可能会从小程序端向端去发送事件,也可能从观把时间发给小程序,基于这项自定义功能,来做一个简单的一个介绍

 

一、创建小程序

首先介绍小程序调用你的媒体端的 API,需要注册一个 H55implePlugin

新建一个可以打开小程序的安装工程,

import com.alibaba.fastjsonJSONObject;

Importcom.alipay.mobile.h5containerapiH5BridgeContext;

import com.alipay.mobile.h5containerapi.HEvent;

importcom.alipay.mobile.h5containerapi.HSEventFilter;

import com.alipay.mobile.h5containerapiHSSimplePlugin

publie class MyJSApiPlugin extends H5SimplePlugin{

/**

*自定义 API

*/

public static final String TINY TO NATIVE="tinyToNative":

@Override

public void onPrepare(H5EventFilter filter){

super.onPrepare(filter);

// onPrepare 中需要add 进来

filteraddAction(TINYTO NATIVE)

}@Override

public boolean handleEvent(H5Event event,H5BridgeContext context){

String action=event.getAction();

if(TINY_TO_NATIVEequalsIgnoreCase(action)){

JSONObject params =eventgetParam();

String param1=params.getString("param1");

Stringparam2=params.getString("param2");

JSoNObject result=newJSONObject();

result.put("success",true);

result.put("message”,"客户端接收到参数:"+paraml+"."+param2 +"\n返回 Demo 当前包名:”+ context.getActivitv0).getpackageNan

context.sendBridgeResult(result);

return true;

}

return false:

插件已经写好,以上就是我们自定义的一个 API,可以看到 api 的名称是tinyToNative,处理逻辑就是 event.getParam,结果通过 result 传回小程序端。

将他注册在 mpaas 里面,在 IInitCallback 初始化完成以后,通过调用以下代码来注册。

MPNebula.registerH5Plugin(MyJSApiPlugin.class.getName()“"page"newstring!RMyJSApiPlugin.TINY TO wATIVEF);

这里就注册完了,将 API 注册给框架。


二、小程序调用

可以直接使用样本 tinyToNative.js,这个页面有一个按钮,直接调用tinyToNative

Page{

tinyToNative(){

my:call('tinyToNative",{

param1:'plaaa',

param2:'p2bbb'

},(result) => {

console.log(result);

my:showToast({

type: 'none',

content: result.message,

duration: 3000.});})}

});

用以上代码去调用本地客户端

本地客户端调用成功以后,前一段代码会回传给小程序端,小程序端拿到 result 之后,去拿到他 message,然后去收一个 toast,就是一个完整的小程序项目 native 发送一个请求,并且收到回调的这么一个流程。

接下来将这个工程打包跑到手机端,可以看到项目已经安装成功了,启动小程序。

自定义 API 就可以看到如下图:

 image.png

相关文章
|
Web App开发 小程序 前端开发
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
428 10
|
小程序
小程序学习笔记(7) -- 自定义组件案例
小程序学习笔记(7) -- 自定义组件案例
179 0
|
小程序 测试技术 API
微信小程序学习笔记(6) -- 本地生活项目
微信小程序学习笔记(6) -- 本地生活项目
253 0
|
编解码 监控 API
惊艳登场!揭秘如何在Android平台上轻松玩转GB28181标准,实现多视频通道接入的超实用指南!
【8月更文挑战第14天】GB28181是公共安全视频监控联网的技术标准。本文介绍如何在Android平台上实现该标准下的多视频通道接入。首先准备开发环境,接着引入GB28181 SDK依赖并初始化SDK。实现设备注册与登录后,通过指定不同通道号请求多路视频流。最后,处理接收到的数据并显示给用户。此过程涉及视频解码,需确保应用稳定及良好的用户体验。
583 0
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的安卓的微博客系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的安卓的微博客系统附带文章和源代码部署视频讲解等
172 2
|
架构师 网络协议 算法
Android高级架构师整理面试经历发现?(大厂面经+学习笔记(1)
Android高级架构师整理面试经历发现?(大厂面经+学习笔记(1)
|
小程序
微信小程序学习笔记(入门篇)
微信小程序学习笔记(入门篇)
137 0
|
小程序 前端开发 Android开发
Android企业微信分享到小程序
Android企业微信分享到小程序
274 0
|
消息中间件 缓存 架构师
2024年阿里Android高级面试题分享,附学习笔记+面试整理+进阶书籍
2024年阿里Android高级面试题分享,附学习笔记+面试整理+进阶书籍
|
小程序 Java 数据挖掘
Java校园智慧管理云平台源码 小程序+android电子班牌系统
智慧校园技术架构 ❀后端:Java ❀框架:springboot ❀前端页面:vue +element-ui ❀小程序:小程序原生开发 ❀电子班牌:Java Android
388 0

热门文章

最新文章