uniapp主副屏插件

前言

Android双屏异显和主副屏相互通讯插件,用于广告机、pos机、收银机等设备的客屏开发使用

更新记录

1.0.1(2023-11-15)
支持主副屏双向通信和调用
支持腾讯X5内核浏览器
支持加载本地Html显示
支持加载远程Url显示

原生插件通用使用流程:

  1. 购买插件,选择该插件绑定的项目。
  2. 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
  3. 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
  4. 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
  5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项:使用HBuilderX2.7.14以下版本,如果同一插件且同一appid下购买并绑定了多个包名,提交云打包界面提示包名绑定不一致时,需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择


功能说明

  1. 支持主副屏双向通信

  2. 副屏采用腾讯X5内核浏览器

    uniapp项目需引入webview-x5-release.aar包

    打开manifest.json文件,找到App模块配置,勾选上Android X5 Webview(腾讯TBS)即可

  3. 支持本地Html显示

    拼写格式示例:file:///android_asset/apps/__UNI__D1A49E0/www/static/test.html

  4. 支持远程Url显示

主屏代码说明

<template>
	<view style="display: flex;margin:10px;flex-direction: column;">
		<view style="margin-top: 10px;">
			<button @click="showSubScreen()">显示副屏</button>
		</view>
		<view style="margin-top: 10px;">
			<button @click="sendDataToSubScreen()">向副屏发送消息</button>
		</view>
		<view style="margin-top: 10px;">
			<button @click="loadSubScreenUrl()">设置副屏URL</button>
		</view>
		<view style="margin-top: 10px;">
			<button @click="closeSubScreen()"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

袭烽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值